Bootstrap Navbar问题

Question

在我正在处理的网站上，导航栏上的背景在展开时工作正常，但在折叠视图中，该按钮不会打开导航栏。以下是我用于导航栏的代码。如果您对可能发生这种情况的原因有任何疑问，请与我们联系。谢谢！

<nav class="navbar navbar-default">
<div class="container-fluid">
<!-- Brand and toggle get grouped for better mobile display -->
<div class="navbar-header">
  <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1" aria-expanded="false">
    <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 src="http://entropymag.org/wp-content/uploads/2014/10/outer-space-wallpaper-pictures.jpg" height="25" width="40"></a>
</div>

<!-- Collect the nav links, forms, and other content for toggling -->
<div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">


  <ul class="nav navbar-nav navbar-center">
    <li><a href="about.html">About</a></li>
    <li><a href="contact.html">Contact</a></li>
    <li><a href="resume.html">Skills</a></li> 

  </ul>
</div><!-- /.navbar-collapse -->
</div><!-- /.container-fluid -->
</nav>

Answer 1

你必须遗漏bootstrap.js

<!-- Latest compiled and minified JavaScript -->
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js" integrity="sha384-0mSbJDEHialfmuBBQP6A4Qrprq5OVfW37PRR3j5ELqxss1yVqOtnepnHVP9aJ7xS" crossorigin="anonymous"></script>

Answer 2

像jlemm45建议......做这个

Answer 3

有一些问题可能是第一个问题，你需要像其他答案建议一样包含bootstrap的javascript文件。接下来就是为了让bootstrap的javascript工作，你需要包含jquery。接下来就是你需要在包含bootstrap的javascript之前加载jquery的javascript库。所以说你的导航条代码看起来是正确的，所以它必须是这些问题之一。所以就像我说你需要包含jquery和bootstraps javascript，你需要先加载jquery。所以看起来应该如下所示。

var filteredBusinesses: NSMutableArray = [BusinessNamesArray]

你可以在本地链接到你的css和javascript文件，或者你可以使用我上面的cdn，但我想我会使用cdn，所以你可以复制并粘贴这段代码，看看它是否正常工作。希望这会有所帮助。