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