【问题标题】:Two Bootstrap nav menus at the same time同时有两个 Bootstrap 导航菜单
【发布时间】:2012-06-07 21:01:32
【问题描述】:

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

Here is a JSFiddle 带有引导测试,只有导航栏的折叠 JavaScript。两个菜单同时展开,有没有办法防止这种情况发生?

【问题讨论】:

    标签: javascript css twitter-bootstrap less collapse


    【解决方案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/

    【讨论】:

    • 天哪,我睡着了,就这么简单。上帝下次我看它时 b4 我打开一个 SO Question ;)
    • BODY标签请使用HTML窗口
    猜你喜欢
    • 2017-02-19
    • 1970-01-01
    • 2023-03-06
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多