同時に2つのブートストラップnavメニュー

Question

私は、同時に2つのnavを持つことが可能かどうかを知りたい。

Here is a JSFiddleブートストラップテストでは、navbarの折り畳みJavaScriptのみを使用します。どちらのメニューも同時に展開されますが、これを防ぐ手段はありますか？あなたがすることができ

Answer 1

、あなたがしなければならないすべてはそうのようなあなたのドロップダウンメニューの一意のクラスまたはIDでdata-target属性を区別されます。

あなたの2番目のドロップダウンのために、あなたの最初のドロップダウン

<a class="btn btn-navbar" data-toggle="collapse" data-target="#first"> 

の場合：

<a class="btn btn-navbar" data-toggle="collapse" data-target="#second"> 

次に、あなたのNAVの崩壊コンテナにその固有のIDを追加することができます。

まず

<div id="first" class="nav-collapse"> ... </div> 

セカンド

<div id="second" class="nav-collapse"> ... </div> 

デモ：http://jsfiddle.net/F2tYu/3/