6

我正在尝试在Bootstrap 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>
4

2 回答 2

9

事实证明，我包含了一个重复的编译 Javascript，并且与事件侦听器有一些混淆，所以它是错误的。固定的。

于 2013-08-02T20:05:25.460 回答
6

bootstrap.js我遇到了同样的问题，只需.js将<body>.

于 2013-10-23T22:02:53.180 回答