Javascript 引导折叠不起作用，但在JSFIDLE中起作用_Javascript_Php_Html_Css_Twitter Bootstrap

Javascript 引导折叠不起作用，但在JSFIDLE中起作用

javascript php html css twitter-bootstrap

Javascript 引导折叠不起作用，但在JSFIDLE中起作用,javascript,php,html,css,twitter-bootstrap,Javascript,Php,Html,Css,Twitter Bootstrap,我刚开始使用bootstrap，在尝试使用“Collapse”时遇到了一个问题我99%确定Javascript链接正确，因为对css的引用也能正常工作。我还尝试用CDN替换它 <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js" integrity="sha384-0mSbJDEHialfmuBBQP6A4Qrprq5OVfW37PRR3j5ELqxss1yVqOtnepnHVP

我刚开始使用bootstrap，在尝试使用“Collapse”时遇到了一个问题

我99%确定Javascript链接正确，因为对css的引用也能正常工作。我还尝试用CDN替换它

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

但它仍然不起作用

当我把我的代码放到JSFIDLE中在这里共享时，我测试了它，它从那里开始工作，我不知道为什么

这是你的电话号码

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

其他注意事项：我正在使用codeigniter，这就是为什么您会在这段代码中看到一些PHP

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

在

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>


令人惊叹的。总是简单的事情。非常感谢你，如果允许的话，我会接受你的回答。我能问一下为什么这是一个问题吗？@Ddrossi93我编辑了解释的答案。可能是重复的