Twitter Bootstrap - navbar内のドロップダウン、しかしnav-collapseの外に

Question

navbarにドロップダウンを追加したいが、ブラウザが狭い幅にリサイズされると、ドロップダウンはnavbarに表示され、ナビ崩壊。

下記のhtmlが動作します。しかし、ページのサイズが変更されると、ドロップダウンが次の行にドロップされ、ナビゲーションバーに拡大表示され、非常に深いナビゲーションバーが表示されます。

私はbootstrap-collapse.jsとbootstrap-dropdown.jsを呼び出しています。

誰でもアイデアがありますか？

<div class="navbar navbar-fixed-top"> 
    <div class="navbar-inner"> 
    <div class="container"> 
     <a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse"> 
     <span class="icon-bar"></span> 
     <span class="icon-bar"></span> 
     <span class="icon-bar"></span> 
     </a> 
     <a class="brand" href="#">Project</a> 
     <div class="nav-collapse"> 
     <ul class="nav"> 
      <li class="active"><a href="#">Home</a></li> 
      <li><a href="#about">About</a></li> 
      <li><a href="#contact">Contact</a></li> 
     </ul> 
     </div><!--/.nav-collapse --> 
     <div class="container"> 
     <ul class="nav pull-right"> 
      <li class="divider-vertical"></li> 
      <li class="dropdown"> 
       <a href="#" class="dropdown-toggle" data-toggle="dropdown">Sharing<b class="caret"></b></a> 
       <ul class="dropdown-menu"> 
        <li><a href="#">Twitter</a></li> 
        <li><a href="#">Facebook</a></li> 
        <li><a href="#">Google+</a></li> 
       </ul> 
      </li> 
     </ul> 
     </div> 
    </div> 
    </div> 
</div> 

Answer 1

これは、コンテナの右側がパッディングされているためです。 margin-rightをそれぞれ使用margin-left：-30px;右端にはそれぞれ左端の順序付けられていないリストがあります。

ない本当にかわいいが、彼らはそれを修正するまで...

Answer 2

According to Mark Otto、ブートストラップの開発者の一人：

ナビゲーションバーで.nav内のすべてのドロップダウンが影響を受けます。現在のところ、この動作を防止する方法はありません。

ただし、折りたたまれたナビゲーションバーでは、折りたたまれていないドロップダウンが可能です。次の3つの方法のいずれかで、これを達成することができます

1. は、応答性のセレクタを修正するためにドロップダウン（data-no-collapse="true"）にデータ属性を追加します。
2. ドロップダウンのクラス（class="dropdown-menu-no-collapse"）を元に戻してスタイルを再構築します。
3. 応答スタイルをオーバーライドするために、別のクラスをドロップダウン（class="dropdown-menu no-collapse）に追加します。

I wrote a blog postこれは何をすべきかを説明しています。最初の方法はbootstrap-responsive.cssを編集する必要があり、2番目の方法はbootstrap.cssを変更する必要があります。 3番目の方法でブートストラップのCSSを変更する必要はありませんが、維持するのはかなり難しいです。