繁体   English   中英

Twitter Bootstrap崩溃不崩溃

[英]Twitter Bootstrap Collapse not collapsing

我正在尝试使用bootstrap折叠导航栏,可以展开但不能折叠导航。

而且我找不到任何问题:

    <nav class="navbar navbar-inverse nav-justified">
        <div class="navbar-header">
            <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#nav-collapse">
                <span class="sr-only">Toggle navigation</span>
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
            </button>
        </div>
        <div class="collapse navbar-collapse" id="nav-collapse">
            <ul class="nav navbar-nav navbar-right">
                <li><a href="http://revad.dev/news/">News</a>
                </li>
            </ul>
            <ul id="menu-menu" class=" nav navbar-nav">
                <li id="menu-item-5" class="menu-item menu-item-type-custom menu-item-object-custom current-menu-item current_page_item menu-item-home menu-item-5"><a href="http://revad.dev/">Accueil</a>
                </li>
                <li id="menu-item-290" class="menu-item menu-item-type-custom menu-item-object-custom current-menu-item current_page_item menu-item-home menu-item-290"><a href="http://revad.dev/#le-projet">Le Projet</a>
                </li>
                <li id="menu-item-291" class="menu-item menu-item-type-custom menu-item-object-custom current-menu-item current_page_item menu-item-home menu-item-291"><a href="http://revad.dev/#partenaires">Partenaires</a>
                </li>
                <li id="menu-item-292" class="menu-item menu-item-type-custom menu-item-object-custom current-menu-item current_page_item menu-item-home menu-item-292"><a href="http://revad.dev/#lavenir-du-projet">L&rsquo;avenir</a>
                </li>
                <li id="menu-item-293" class="menu-item menu-item-type-custom menu-item-object-custom current-menu-item current_page_item menu-item-home menu-item-293"><a href="http://revad.dev/#contact">Contact</a>
                </li>
            </ul>
        </div>
    </nav>

仅使用Bootstrap v3 CSS但使用v2 JS。

将javascript文件更新为v3,一切正常。

谢谢你的帮助

看来您有一些名为current_*类。 如果您有多个活动类,则折叠功能将不起作用,因为它需要一个或一组子项来激活和停用。 确保items仅在应该激活时才处于活动状态,这将确保引导程序的jquery可以选择并隐藏适当的items

暂无
暂无

声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.

 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM