Bootstrap Navbar toogle无法正常工作

我在WordPress主题中使用Bootstrap以使其响应。Bootstrap Navbar toogle无法正常工作

我的菜单正确折叠，但是我的切换灰色，我不能点击它。

我知道我的脚本排队正确，因为我可以看到它们，当我查看源代码时，任何人都可以从我的代码中看到原因吗？

<div id="tabs" class="tabs"> 
    <!-- Fixed navbar --> 
    <nav class="navbar navbar-default navbar-fixed-top"> 
     <div class="container"> 
     <div class="navbar-header"> 
      <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#navbar"> 
      <span class="icon-bar"></span> 
      <span class="icon-bar"></span> 
      <span class="icon-bar"></span> 
      </button> 
     <h2 class="brand">LEAVE YOU</h2> 
     </div> 
     <div id="navbar" class=" collapse navbar-collapse"> 
      <ul class="nav navbar-nav"> 
      <li class="active"><a href="#example1">Home</a></li> 
      <li><a href="#example2">About</a></li> 
      <li><a href="#example3">Contact</a></li> 
      </ul> 
     </div><!--/.nav-collapse --> 
     </div> 
    </nav>

来源

2015-05-10 pocockn

什么jQuery库，您在白手起家的.js加载一边？ –

首先，我建议移动<nav>外<div id="tabs" class="tabs">。然而，你所需要做的就是让jQuery，Bootstrap CSS和Bootstrap JavaScript链接起来。

如果您没有其中任何一个，您可以将以下内容添加到您的网站的<head>标记中。

jQuery的：<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.4/jquery.min.js"></script>

引导CSS：<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.4/css/bootstrap.min.css">

引导的JavaScript：<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.4/js/bootstrap.min.js"></script>

来源

2015-05-11 05:15:59

Bootstrap Navbar toogle无法正常工作

回答

相关问题