Html Bootstrap v3.3.6导航栏切换按钮显示但不显示'；不要显示菜单

我的导航栏工作正常，当我尝试折叠它时，它显示所有内容，包括按钮，但不显示菜单项。我不知道为什么。我使用的是Bootstrap3.3.6

<nav class="navbar navbar-inverse navbar-fixed-top">
 <div class="container-fluid">
  <div class="navbar-header">
    <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#mainNavBar">
      <span class="icon-bar"></span>
      <span class="icon-bar"></span>
      <span class="icon-bar"></span>
    </button>
    <a class="navbar-brand" href="#">Welcome</a>
  </div>
    <div class="collapse navbar-collapse" id="mainNavBar">
        <ul class="nav navbar-nav">
            <li><a href="#">Home</a> </li>
            <li><a href="#">About</a> </li>
            <li><a href="#">Contact</a> </li>
        </ul>
    </div><!--/.nav-collapse -->
</div>

---

它在Codepen中运行良好，所以我猜您可能忘记在html页面中包含

JQuery

或

bootstrap.js

---

您可以从下载JQuery。

它在Codepen中运行良好，因此我猜您可能忘记在html页面中包含

JQuery

或

bootstrap.js

---

您可以从下载JQuery。

它工作正常。问题是什么？看起来很好，除了最后的缺失问题是按钮没有显示菜单，我不知道为什么，我使用的是谷歌chrome，当我缩小它并点击按钮时，没有显示菜单items@Mrnerd在chrome中还显示菜单项。检查上面的JSFIDLE。@ketan它确实在那里工作，但不知道为什么它在chrome my mac中不工作，不知道。它工作得很好。问题是什么？看起来很好，除了最后的缺失问题是按钮没有显示菜单，我不知道为什么，我使用的是谷歌chrome，当我缩小它并点击按钮时，没有显示菜单items@Mrnerd在chrome中还显示菜单项。检查上面的JSFIDLE。@ketan它确实在那里工作，但不知道为什么它在chrome我的mac上不工作，不知道。我发现，这是我没有的引导，现在导入后可以工作。我发现，这是我没有的引导，导入后可以工作。