【发布时间】:2012-06-07 21:01:32
【问题描述】:
我想知道是否可以同时拥有两个导航。
Here is a JSFiddle 带有引导测试,只有导航栏的折叠 JavaScript。两个菜单同时展开,有没有办法防止这种情况发生?
【问题讨论】:
标签: javascript css twitter-bootstrap less collapse
我想知道是否可以同时拥有两个导航。
Here is a JSFiddle 带有引导测试,只有导航栏的折叠 JavaScript。两个菜单同时展开,有没有办法防止这种情况发生?
【问题讨论】:
标签: javascript css twitter-bootstrap less collapse
您可以,您所要做的就是将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>
【讨论】: