Bootstrap 折叠导航栏

Question

我在我的网站上使用引导程序编写了一个简单的可折叠导航栏，但不明白为什么实时版本一旦折叠它就不起作用。例如，如果我在 w3school 上复制/粘贴代码，请尝试它的网站，代码可以工作。不明白这是什么问题，有什么帮助吗？

Live version

链接到 w3school 尝试使用类似工具栏的编辑器 w3school try it

这是代码：

<nav class="navbar navbar-default navbar-fixed-top">
  <div class="container-fluid">
    <div class="navbar-header">
        <button data-target="#cotliNavbar" data-toggle="collapse" class="navbar-toggle" type="button">
            <span class="icon-bar"></span>
            <span class="icon-bar"></span>
            <span class="icon-bar"></span>                        
        </button>
        <a href="index.php" class="navbar-brand">Crusaders of the Lost Idols fansite</a>
    </div>
    <div id="cotliNavbar" class="collapse navbar-collapse">
        <ul class="nav navbar-nav">
          <li class="active"><a href="index.php">Home</a></li>
        <li><a href="missions">Missions</a></li>
        <li><a href="crusaders">Crusaders</a></li>
        <li><a href="recommendation">Recommendation</a></li>
        <li><a href="hints">Hints</a></li>
    </ul><ul class="nav navbar-nav navbar-right">
        <li><a href="user"><span class="glyphicon glyphicon-user"></span> taised</a></li>
        <li><a href="logout"><span class="glyphicon glyphicon-log-out"></span> Logout</a></li>
    </ul>     </div>
    </div>
</nav>

使用引导程序 3.3.7 和 jquery 1.9.0

编辑：链接的问题是关于 jquery 和 bootstrap 的顺序，事实并非如此，在我的情况下，它是缺少 js 和错误的 jquery 版本

Answer 1

我在您的代码中没有看到包含 bootstrap.js 文件的任何地方。您需要在 jquery 之后包含该文件以允许折叠正常工作：

<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>

有关开始使用 bootstrap 的更多信息，请查看他们的文档： http://getbootstrap.com/getting-started/