Twitter bootstrap 3 引导导航栏折叠图标未在代码笔中触发

我已经在codepen上构建了一个引导导航栏，它可以为移动设备折叠并显示一个图标栏，当单击该图标栏时，它会展开菜单，但是当单击时，菜单不会展开。谁能告诉我我做错了什么

我在CSS页面上启用了引导，在Javascript页面上启用了jquery和引导

以下是代码笔的链接：

提前感谢您的帮助

<div class="container-fluid">

  <div class="navbar navbar-inverse navbar-fixed-top">
    <div class="container">


      <button class="navbar-toggle" data-toggle="collapse" data-   target="#myNavBar">
        <span class="icon-bar"></span>
        <span class="icon-bar"></span>
        <span class="icon-bar"></span>
      </button>

      <div class="collapse navbar-collapse" id="myNavBar">
        <ul class="nav navbar-nav navbar-right">
          <li class="active"><a href="#">Home</a></li>
          <li><a href="#">Portfolio</a></li>
          <li><a href="#">CV</a></li>
          <li><a href="#">Contact</a></li>
        </ul>
      </div>
    </div>
  </div>
  </nav>

  <div class="row">
    <div class="column-xs-6 background1">
    </div>



    <h2 class="background2 nopadding text-center"></h2>
    </p>
  </div>
</div>

<div class="column-xs-6">
</div>
</div>

我无法在codepen或codeply上重现错误-单击导航栏上的“移动样式”下拉列表后，它将正确显示

---

这就是说，在第24行，您有一个结束标记，但缺少开始标记。第32行有一个未打开的

标记，第37行又有一个未打开的

标记。在过去，我看到HTML在处理类似问题时可能会有点芬尼基，所以请尝试更正这些问题，看看这是否能解决您的问题。

我无法在codepen或codeply上重现错误-导航栏上的移动样式下拉列表在单击它时会正确显示

---

这就是说，在第24行，您有一个结束标记，但缺少开始标记。第32行有一个未打开的

标记，第37行又有一个未打开的

标记。我过去看到，HTML在处理类似问题时可能会有点过时，因此请尝试更正这些问题，看看这是否能解决您的问题。

我按照您的建议修复了HTML，现在它工作正常。非常感谢你的帮助。非常感谢！！我按照你的建议修改了HTML，现在一切正常。非常感谢你的帮助。非常感谢！！