兩個Bootstrap導航菜單同時出現

Question

我想知道它是否可以同時擁有兩個導航。

這是一個帶有bootstrap測試的JSFiddle ，只有導航欄的折疊JavaScript。 兩個菜單同時擴展，有沒有辦法防止這種情況？

Answer 1

您可以，您只需將data-target屬性與下拉菜單的唯一類或ID區分開來，如下所示：

第一次下拉

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

第二次下拉：

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

然后，您可以將該唯一ID添加到導航折疊容器中：

第一

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

第二

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

演示： http ： //jsfiddle.net/F2tYu/3/