jquery - BootStrap 导航栏折叠问题

Question

我注释掉了代码的其余部分，看看是否是任何外部元素导致了问题，但事实并非如此。 jQuery 是链接的，BootStrap 也是。该按钮出现，但折叠功能不起作用。也许只是我的眼睛，我拼错了一些东西，但是这段代码有什么问题？

<div class="navbar navbar-inverse navbar-static-top">
 <div class="container">
<div class="navbar-brand">
  <a href="#about">
  <span class="glyphicon glyphicon-lamp"></span>Tommy Mertell
  </a>
</div>
  <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
  <span class="glyphicon glyphicon-lamp" style="color:white;"></span>
  </button>
 <div class="collapse navbar-collapse">
   <ul class="nav navbar-nav navbar-right">
     <li><a href="#home" class="active">Home</a></li>
     <li><a href="#about">About</a></li>
     <li><a href="#port">Portfolio</a></li>
     <li><a href="#contact">Contact</a></li>
   </ul>
  </div>
   </div>
  </div>

Answer 1

Here is a fiddle with your updated pen .

你没有结束你的评论。

您开始发表评论...

<!--

但是你没有添加结束注释行。

-->

因此，jQuery 和 Bootstrap 不会在页面末尾加载。