네비게이션의 버튼에 이미지 (아이콘)와 텍스트가있는 트위터 부트 스트랩으로 반응 형 디자인을 만들어야합니다. 충분한 공간이 있으면 텍스트로 표시하고 그렇지 않은 경우에는 이미지 만 있어야합니다. 이처럼 :텍스트/이미지 반응 형 디자인
큰 화면 :
<image1> text1; <image2> text2; <image3> text3
작은 화면 :
<image1>; <image2>; <image3>
내가 어떻게 할 수 있을까? 감사합니다.
Twitter Bootstrap에는 수행하려는 작업에 도움이되는 몇 가지 클래스가 있습니다. 예를 들어
.visible-phone
.visible-tablet
.visible-desktop
.hidden-phone
.hidden-tablet
.hidden-desktop
, 방금 사용하는 태블릿이나 데스크탑에서이 레이아웃 때 당신의 아이콘의 텍스트 만 표시해야 함을 원하는 경우 :
<img src="..."><span class="hidden-phone">Text1</span>
<img src="..."><span class="hidden-phone">Text2</span>
...
더 많은 정보를 볼 수 있습니다 이 수업에 대해 Bootstrap - Responsive Design
아주 좋습니다! 내가 찾고 있던 .. – myborobudur
무엇을 했습니까?하지만 더 중요한 것은 어디에 있습니까? – pickypg
내 에디션이 도움이됩니까? – myborobudur
100 % 부트 스트랩 솔루션을 원할 경우 [Responsive Utility Classes] (http://twitter.github.io/bootstrap/scaffolding.html#responsive)를 사용할 수 있습니다. 필요에 맞지 않을 경우 다음과 같은 사용자 지정 미디어 쿼리 :'@media all and (max-width : XXXpx)' – m90