Bootstrap Collapse 不工作，但在 JSFiddle 中工作答案

【问题标题】：Bootstrap Collapse not working, but works in JSFiddleBootstrap Collapse 不工作，但在 JSFiddle 中工作
【发布时间】：2016-07-25 03:59:56
【问题描述】：

我刚开始使用引导程序，在尝试使用“折叠”时遇到了一个问题。

我 99% 确定我的 Javascript 链接正确，因为对 css 的引用也有效。我也试过用CDN替换它

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

但还是不行。

当我将我的代码放入 JSfiddle 以在此处分享时，我对其进行了测试，它从那里开始工作，但我不知道为什么。

这里是JSfiddle

要找到折叠按钮，只需缩小浏览器的大小，直到看到右上角的 3 个栏。这个按钮应该在单击时显示导航的其余部分。

其他说明：我使用的是codeigniter，这就是为什么你会在这段代码中看到一些PHP。

任何帮助将不胜感激。谢谢。

【问题讨论】：

Bootstrap Navbar. When I press the button nothing happens的可能重复

标签： javascript php html css twitter-bootstrap

【解决方案1】：

在bootstrap.min.js之前包含jquery.min.js

<head>
<link rel="stylesheet" href="<?php echo base_url('assets/css/bootstrap.css'); ?>" >
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
<script src="<?php echo base_url('assets/js/bootstrap.js'); ?>" ></script> <!--Boostrap Javascript -->

</head>

Bootstrap JS 需要 JQuery 才能工作，因此您需要在 before bootstrap.min.js 脚本标签中包含它。

【讨论】：

太棒了。总是简单的东西。非常感谢，我会在允许的情况下接受答案。我能问一下为什么这是个问题吗？
@Ddrossi93 我编辑了解释的答案。