第一次点击引导程序折叠头部闪烁

Question

我遇到了一些引导程序导航栏的奇怪问题。当窗口足够小时，展开按钮按预期显示。但是，一旦按钮被点击，它的行为真的很奇怪。第一次点击闪烁下拉内容，然后消失。在第二次点击时，下拉菜单正常显示，但没有动画。

（如渲染服务器）的代码

<div class="navbar navbar-fixed-top"> 
    <div class="navbar-inner"> 
    <div class="container"> 
    <a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse"> 
     <span class="icon-bar"></span> 
     <span class="icon-bar"></span> 
     <span class="icon-bar"></span> 
    </a> 
    <a href="/" class="brand"></a> 

     <div class="nav-collapse"> 
     <ul class="nav"> 
      <li><a href="/businesses">Businesses</a></li> 
      <li><a href="/about">About Us</a></li> 
      <li><a href="/contact">Contact</a></li> 
      <li><a href="/advertise">Advertise</a></li> 
     </ul> 
     <ul class="nav pull-right"> 
      <li><a href="https://stackoverflow.com/users/sign_in">Login</a></li> 
      <li><a href="https://stackoverflow.com/users/sign_up">Sign Up</a></li> 
     </ul> 
     </div> 
    </div> 
    </div> 
</div> 

有什么想法？

编辑：有一般会在品牌锚

Answer 1

图像我有同样的问题，并发现我在我的页面这个小脚本块，我必须从某处复制。

<script type="text/javascript"> 
    $('.nav a').on('click', function() { 
     $(".navbar-toggle").click(); 
    }); 
</script> 

删除此问题已修复此问题。

我不确定它来自哪里，我假设一些来自Bootstrap 2.x或其他的例子。