[英]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’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.