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展开我的导航栏菜单，但不会折叠它

回答

相关问题