6

同時に2つのナビゲーションを持つことが可能かどうか知りたいです。

これは、ナビゲーションバーの折りたたみJavaScriptのみを使用したブートストラップテストを使用したJSFiddleです。両方のメニューが同時に展開されますが、それを防ぐ方法はありますか?

4

1 に答える 1

17

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

最初のドロップダウン

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

2番目のドロップダウンの場合:

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

次に、その一意のIDをナビゲーション折りたたみコンテナに追加できます。

初め

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

2番

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

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

于 2012-06-03T12:44:08.870 に答える