我的 Bootstrap 汉堡菜单不显示链接

Question

所以我查看我的代码已经有一段时间了，但我不明白为什么我的 bootstrap 汉堡菜单在您单击它时不显示链接。我已经检查了数据目标和 class/id 名称以确保它们匹配，但它仍然没有显示。

    <header class="navbar navbar-inverse navbar-fixed-top bs-docs-nav" role="banner">
  <div class="container">
    <div class="navbar-header">
      <button class="navbar-toggle" type="button" data-toggle="collapse" data-target=".bs-navbar-collapse">
        <span class="sr-only">Toggle navigation</span>
        <span class="icon-bar"></span>
        <span class="icon-bar"></span>
        <span class="icon-bar"></span>
      </button>
      <a class="navbar-brand" href="index.html">
        <img id="brand-image" alt="Web Logo" src="images/logo.png"> 
      </a>
    </div>
    <nav class="collapse navbar-collapse bs-navbar-collapse" role="navigation">
      <ul class="nav navbar-nav navbar-right">
        <li>
          <a href="coal.html">COAL</a>
        </li>
        <li>
          <a href="electric.html">ELECTRIC</a>
        </li>
        <li>
          <a href="wind.html">WIND</a>
        </li>
        <li>
            <a href="credits.html">CREDITS</a>
        </li>
      </ul>
    </nav>
  </div>
</header>

Answer 1

您可能忘记导入 Bootstrap Javascript 文件或 jQuery 文件？没有它们就无法工作。

只需在您的 body 标签末尾添加：

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.2.0/jquery.min.js"></script>
<script src="js/bootstrap.js"></script>

希望对您有所帮助

我的 Bootstrap 汉堡菜单不显示链接

My Bootstrap Hamburger Menu Won't Show Links

html

css

navbar

twitter-bootstrap