2013-08-02 236 views
6

我试图在Bootstrap 3中实现响应式导航栏事情一直在发挥作用。酒吧甚至正确扩展。然后,当我再次按下响应式折叠按钮时,酒吧会在一半左右坍塌,然后再次下降。引导程序3导航栏扩展但不会折叠

这验证了Javascript是否到位,CSS是否正确。我不知道这可能会发生。即使在Plunkr中它也能工作,但不在我的项目中。有任何想法吗?

<div class="navbar"> 
    <div class="container"> 
     <button type="button" data-toggle="collapse" data-target=".navbar-responsive-collapse" class="navbar-toggle collapsed"> 
      <span class="icon-bar"></span> 
      <span class="icon-bar"></span> 
      <span class="icon-bar"></span> 
     </button> 
     <a href="#" class="navbar-brand">Title</a> 
     <div style="height: 0px;" class="nav-collapse navbar-responsive-collapse collapse"> 
     <ul class="nav navbar-nav"> 
      <li class="active"><a href="#">Home</a></li> 
      <li><a href="#">Link</a></li> 
     </ul> 
     </div> 
    </div> 
</div> 
+0

请准备一个jsFiddle或类似的东西,你可以帮助我们更好地帮助你。 – sulfureous

回答

8

事实证明,我包括编译的JavaScript重复,并且有一些查询股价与事件侦听器,因此它被马车。固定。

+0

同样的事情发生在我在BS 2.2 ...如果这个问题仍然存在其他用户,这是一个好主意,仔细检查你的js – ajdigregorio

+0

添加步骤,你如何做到这一点,可能会帮助其他人在这 – JamParaiso

6

我有同样的确切问题,并解决它简单地通过将bootstrap.js之前的任何其他.js位于<body>的底部。

+0

ohh ..太棒了。你的解决方案适合我。但先生,我没有明白为什么我们必须这样做..?意味着我在''的底部放置了'bootstrap.js'文件,那么背后的原因是什么? –