부트 스트랩 navlinks 패딩 문제

Question

"sm"화면 크기로 패딩하는 navlinks 관련 문제. 메신저가 "sm"에 대한 미디어 쿼리를 작성하려고 할 때 "lg"와 "md"둘 다에 영향을 미칩니다. http://jsfiddle.net/L1ozsu2n/

<nav class="navbar navbar-default"> 
    <div class="container">    
    <div class="row"> 
     <div class="col-lg-3 col-lg-push-9 col-md-3 col-md-push-9 col-sm-3 col-sm-push-9"> 
     <div class="navbar-header"> 
      <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1"> 
      <span class="sr-only">Toggle navigation</span> 
      <span class="icon-bar"></span> 
      <span class="icon-bar"></span> 
      <span class="icon-bar"></span> 
      </button> 
      <form class="navbar-form navbar-right " role="search"> 
      <div class="form-group form_search"> 
       <input type="text" class=" search_box" placeholder="SEARCH"/> 
      </div> 
      </form> 
     </div> 
     </div> 
     <div class="col-lg-9 col-lg-pull-3 col-md-9 col-md-pull-3 col-sm-9 col-sm-pull-3">      
     <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1"> 
      <ul class="nav navbar-nav"> 
      <li><a href="#">HOME</a></li> 
      <li><a href="#">MEN</a></li> 
      <li><a href="#">WOMEN</a></li> 
      <li><a href="#">KIDS</a></li> 
      <li><a href="#">NEW ARRIVALS</a></li> 
      <li><a href="#">GOODSALE</a></li> 
      </ul>       
     </div> 
     </div> 
    </div>     
    </div> 
</nav> 

Answer 1

는 오른쪽에 메뉴가 수직 중심 대신, 사업부의 상단에 맞서 얼마나 의미합니까?

네 번째 div에서 "navbar-header"클래스를 제거하십시오.

Answer 2

nav 후 용기 대신 용기를 사용하십시오.

<nav class="navbar navbar-default"> 
    <div class="container-fluid">