twitter-bootstrap – Bootstrap 3 Navbar扩展但不会崩溃

发布时间：2020-12-18 00:27:23 所属栏目：安全来源：网络整理

导读：我正在尝试在 Bootstrap 3中实现一个响应式导航栏.大部分内容都是有效的.酒吧甚至正确扩展.然后,当我再次按下响应折叠按钮时,条形图会在中途折叠,然后再向下折叠. 这将验证Javascript是否到位以及CSS是否也正确到位.我不知道这怎么可能发生.即使在Plunkr中它

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

解决方法

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

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!