Question

我在我的WordPress主题中使用Bootstrap来使其响应。

我的菜单正确折叠但是我的切换器变灰了，我无法点击它。

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

<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>

Answer 1

首先，我建议将<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>

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

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

Bootstrap Navbar toogle无法正常工作

1 个答案: