Question

我正在尝试使用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>

Answer 1

刚刚使用Bootstrap v3 CSS但是v2 JS。

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

感谢您的帮助

Answer 2

您似乎有一些名为current_*的课程。如果您有多个活动类，则折叠功能将无法工作，因为它需要一个或一组子项来激活和停用。确保items仅在应用时才会激活，以确保引导程序的jquery可以选择并隐藏相应的items。

Twitter Bootstrap折叠不崩溃

2 个答案: