Bootstrap toggle-collapse展開我的導航欄菜單，但不會摺疊它

「Bootstrap toggle-collapse展開我的導航欄菜單，但不會摺疊它。Bootstrap toggle-collapse展開我的導航欄菜單，但不會摺疊它

我試着搞亂類和數據目標和添加額外的腳本無濟於事。菜單展開，然後再次切換時，它有時會閃爍，並會立即打開，但大多數情況下似乎沒有任何事情發生。在Chrome檢查員詠歎調=真不會成爲虛假。看起來它會改變但始終保持真實。

我的腳本位於單獨的佈局文件中，但它們正在工作。所有其他功能都可以工作，甚至可以工作一半。

下面是當前的代碼：

<nav class="navbar navbar-fixed-top"> 
<div class="container"> 
    <div class="navbar-header"> 

     <a href="#" class="navbar-toggle"><i class="fa fa-lock"></i></a> 

     <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#navbar" aria-expanded="false" aria-controls="#navbar"> 
      <span class="fa fa-bars"></span> 
     </button> 
     <a class="navbar-brand" href="{{ path('homepage') }}"><img src="{{ asset('img/logo-blue.png') }}" alt="Podify" /></a> 
    </div> 

    <div id="navbar" class="navbar-collapse collapse" role="navigation"> 

     {{ mopa_bootstrap_menu('AppBundle:Builder:mainMenu', { 'automenu': 'navbar' }) }} 
     <!-- 
     <ul class="nav navbar-nav"> 
      <li role="presentation" class="active"><a href="/features">Features <span class="sr-only">(current)</span></a></li> 
      <li role="presentation"><a href="#pricing">Pricing <span class="sr-only">(current)</span></a></li> 
      <li role="presentation"><a href="#contact">Contact <span class="sr-only">(current)</span></a></li> 
     </ul> 
     --> 
     <ul class="nav navbar-right nav-pills hidden-xs"> 
      <li class="active"><a href="#"><i class="fa fa-lock"></i> Login</a></li> 
      <li><a href="#">Join</a></li> 
     </ul> 
    </div><!--/.navbar-collapse --> 
</div>

我的代碼並不顯示導航標籤關閉出於某種原因在這裏，但我看到它在編輯我的帖子的時候。

我想這是簡單的，我俯瞰。當然，任何幫助將不勝感激！

來源

2016-07-06 Zak Karst

確保你包含jequery，bootstrap.js，bootstrap.css – Kld

謝謝，應該在帖子中提及。包括所有腳本和樣式表。否則我不會獲得擴展功能。 –

只需在導航欄中的navbar類後面添加類「navbar-default」，並忘記關閉導航標記。 –

<script src="http://code.jquery.com/jquery-2.2.4.min.js" 
    integrity="sha256-BbhdlvQf/xTY9gja0Dq3HiwQF8LaCRTXxZKRutelT44=" crossorigin="anonymous"></script>

此Jquery啓用切換功能。

來源

2016-07-07 07:02:51

有沒有失蹤的腳本，謝謝。 –

Bootstrap toggle-collapse展開我的導航欄菜單，但不會摺疊它

回答

相關問題