Bootstrap 3导航栏不会在折叠时展开

在我制作了100万个导航栏之后，这个导航栏让我头疼。我的引导程序导航栏不会在展开时展开。我试过三次更新boostrap.min.js，认为它是问题（因为它是自定义的），但它没有工作。我也尝试使用bootstrap 3.3.0的dist版本（不久前发布），但它仍然无法正常工作。Bootstrap 3导航栏不会在折叠时展开

我已阅读了许多类似问题的问题，他们都解决了，因为OP缺少js或写了不正确的标记。我多次查看了我的标记，看起来没错。在这里，我们去：

<nav class="navbar navbar-default navbar-static-top" role="navigation"> 
    <div class="container"> 
     <div class="navbar-header"> 
      <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target=".navbar-collapse"> 
       <span class="sr-only">Toggle navigation</span> 
       <i class="fa fa-navicon"></i> 
      </button> 
      <a href="#" class="navbar-brand">Brand</a> 
     </div> 

     <div class="collapse navbar-collapse"> 
      <ul class="nav navbar-nav"> 
       <li> 
        <a href="#">Products</a> 
       </li> 

       <li> 
        <a href="#">Services</a> 
       </li> 
      </ul> 

      <ul class="nav navbar-nav navbar-right"> 
       <li> 
        <div> 
         <a href="#" class="btn navbar-btn btn-primaryBlue">Sign In</a> 
        </div> 
       <li> 
      </ul> 

     </div> 
    </div> 
</nav>

它崩溃，但不会扩大一次点击。我不使用自举图形，在这个例子中，我使用字体真棒的navicon。它看起来好吗？

来源

2014-11-03 davidxd33

是什么.navbar主？你的CSS在哪里？ navbar-master是否有高度和溢出：隐藏？您是否使用Chrome开发工具检查了它？ – Christina 2014-11-03 20:23:45

这只是我的造型形式。我应该注意到我也尝试使用bootstrap文档的示例。它没有隐藏溢出，但是我使用bootstrap中的定制器配置了一个高度。 – davidxd33 2014-11-03 20:26:28

由于您没有分享一个最小的完整示例，因此无法知道问题所在。删除您的自定义CSS，清除缓存，并看看是否有帮助。 – Christina 2014-11-03 20:28:57

确保您已添加JQuery到您的项目中，有时您应该将其添加到您网页的顶部来工作。

CDN

<script src="//code.jquery.com/jquery-1.11.0.min.js"></script>

来源

2014-11-03 20:39:34 khan33

我只是将其标记为接受的答案。我的包含有一个错字。很容易错过它。 – davidxd33 2014-11-03 21:12:02

Bootstrap 3导航栏不会在折叠时展开

回答

相关问题