同时使用两个引导程序导航菜单

Question

我想知道是否可以同时拥有两个导航。

这是一个带有引导测试的 JSFiddle，只有导航栏的折叠 JavaScript。两个菜单同时展开，有没有办法防止这种情况？

Answer 1

您可以，您所要做的就是使用下拉菜单的唯一类或 id 来区分 data-target 属性，如下所示：

对于您的第一个下拉菜单

<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/