Bootstrap Navbar

Question

私はBootprap Navbarを持っています。これは、約700pxに伸びるときを除いて、ウィンドウ全体のハンバーガーとして単純に設定しようとしています。（スタッキングなしですべてのnabberドロップダウンを表示できます。これは約400pxまで動作します。その時点で、「ホーム」ボタンと「ハンバーガー」はナバーの中央に近づき、正しくドロップされません。私はプル・左とプル・右のクラスをそれぞれ使ってみましたが、それはそれらがどこに残っているのですか。私のナビゲーションバーのようなある：以下CSSと

<nav class="navbar navbar-inverse navbar-fixed-top" role="navigation"> 
    <div class="container"> 
    <div class="navbar-header"> 
     <button type="button" class="navbar-toggle" 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> 
     <a class="navbar-brand" href="index.html">Home</a> 
    </div> 

：

@media (max-width: 1200px) { 
.navbar-collapse.collapse { 
    display: none !important; 
} 
.navbar-collapse.collapse.in { 
    display: block !important; 
} 
.navbar-header .collapse, .navbar-toggle { 
    display:block !important; 
} 
.navbar-header { 
    float:none; 
} 

Answer 1

のnav要素内のコンテナを削除するようにしてください。 bootstrap examplesを参照してください。2つのiemが中間に近いコンテナがあります。