축소되지 않은 메뉴에만 CSS 적용

Question

CSS 규칙을 내비게이션 메뉴에 적용하려고하지만 접힌 메뉴에 CSS 규칙을 표시하고 싶지 않습니다. 내 브라우저 창은 900px에있는 경우

@media (min-width: 980px) { 
    /* your conditional CSS*/ 
} 

는 그러나, 축소 된 메뉴가 표시되지 않고, 따라서 내 CSS가 표시되지 않습니다 : 내가 here을 발견 대답을 사용하여 나는 다음 시도했다.

<nav class="navbar navbar-default" role="navigation"> 
    <div class="container-fluid"> 
     <div class="navbar-header"> 
      <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#header_links"> 
       <span class="sr-only">Toggle navigation</span> 
       <span class="icon-bar"></span> 
       <span class="icon-bar"></span> 
       <span class="icon-bar"></span> 
      </button> 

     </div> 
     <div class="collapse navbar-collapse" id="header_links"> 
... 
     </div><!-- /.navbar-collapse --> 
    </div><!-- /.container-fluid --> 
</nav> 

이

가 어떻게 안정적으로 단지 내 메뉴에 CSS 규칙을 적용하는 것은이 붕괴되지 수 : 여기 내 메뉴의 코드는?

Answer 1

@media (min-width: 900px) {...에서 조건부 CSS를 적용 해 보았습니까? http://www.bootply.com/Xt0oIHkhjs