引導程序導航填充問題

Question

以「sm」屏幕尺寸填充導航填充問題。當我試圖爲「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的頂部，而不是垂直居中？

從第四個div中刪除「navbar-header」類。

Answer 2

導航後，使用.container-fluid而不是容器。

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