Zwei bootstrap nav Menüs zur gleichen Zeit

Question

Ich möchte wissen, ob es möglich ist, zwei Navs gleichzeitig zu haben.

Here is a JSFiddle mit dem Bootstrap-Test mit nur der Minimierung JavaScript für die Navbar. Beide Menüs werden gleichzeitig erweitert, gibt es eine Möglichkeit dies zu verhindern?

Answer 1

Sie können alles, was Sie tun müssen, ist zu unterscheiden, das data-target Attribut mit einer einzigartigen Klasse oder ID für Ihre Drop-Down-Menüs wie folgt:

Für Ihre ersten Drop-Down-

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

Für Ihren zweiten Drop-Down:

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

Dann können Sie diese eindeutige ID zu Ihrem nav Zusammenbruch Container hinzufügen:

Erste

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

Zweite

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

Demo: http://jsfiddle.net/F2tYu/3/