2016-08-18 1 views
0

화면이 작아지면 축소 상자에서 특정 항목을 탐색 모음에서 제외하고 싶었습니다. 나는 환영 부분을 제외 할부트 스트랩 탐색 모음에서 항목을 제외하는 방법

<div class="container"> 
    <nav class="navbar navbar-default"> 
    <div class="container-fluid"> 
     <div class="navbar-header"> 
     <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#navBar"> 
      <span class="icon-bar"></span> 
      <span class="icon-bar"></span> 
      <span class="icon-bar"></span> 
     </button> 
     <a class="navbar-brand" href="."><img class="ico_img" src="assets/ico_img.png" /></a> 
     </div> 
     <div class="collapse navbar-collapse" id="navBar"> 
     <ul class="nav navbar-nav"> 
      <li class="active"><a>Home</a></li> 
      <li><a href="page1.php">Page 1</a></li> 
      <li><a href="page2.php">Page 2</a></li> 
      <li><a href="page3.php">Page 3</a></li> 
     </ul> 
     <ul class="nav navbar-nav navbar-right hidden-xs"> 
      <li><a class="welcome"></a></li> 
     </ul> 
     </div> 
    </div> 
    </nav> 
</div> 

:

내가 지금까지 가지고있는 HTML 코드입니다. 지금까지 발견 한 한 가지 해결책은 'hidden-xs'클래스 속성을 추가하여 접기 전환이 나타나면 환영 메시지를 숨기는 것이지만 더 깨끗한 방법입니다.

+0

AFAIK는 가장 깨끗한 방법입니다. 1 개의 CSS 클래스를 추가하면 무엇이 더 깔끔합니까? – ZimSystem

+0

글쎄, 아마도 HTML에서의 위치가 될 것이라고 생각했다. – user4191887

답변

2

.visibble - * - * 묶음으로 할 수 있습니다. 그것은 .hidden-xs로 더 깨끗합니다.