Navbar折叠切换按钮在Bootstrap中不起作用

Question

我目前遇到Bootstrap问题，其中切换导航栏按钮在单击时不希望工作。 我一直在寻找解决方案，但这些似乎都没有起作用。

<nav class="navbar navbar-inverse navbar-fixed-top">
  <div class="container">
    <div class="navbar-header">
      <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar" aria-expanded="false" aria-controls="navbar">
        <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="#">PC Service Manager</a>
    </div>
    <div id="navbar" class="collapse navbar-collapse">
      <ul class="nav navbar-nav">
        <li><a href="index.html"><i class="fa fa-home fa-fw navfa"></i>Home</a></li>
        <li><a href="#about">About</a></li>
        <li><a href="#contact">Contact</a></li>
        <li><a href="login.php"><i class="fa fa-sign-in navfa"></i>Login</a></li>
      </ul>
    </div><!--/.nav-collapse -->
  </div>
</nav>