Bootstrap崩潰不起作用，但在JSFiddle中工作

我剛開始使用bootstrap，嘗試使用「Collapse」時遇到了問題。Bootstrap崩潰不起作用，但在JSFiddle中工作

我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。

任何幫助，將不勝感激。謝謝。

來源

2016-07-25 Ddrossi93

可能有[Bootstrap Navbar。當我按下按鈕什麼都沒有發生]（http://stackoverflow.com/questions/29306573/bootstrap-navbar-when-i-press-the-button-nothing-happens） – vanburen

包括jquery.min.js前bootstrap.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>

引導JS需要JQuery的工作，所以你需要在你的腳本標記它以前bootstrap.min.js。

來源

2016-07-25 04:04:02

太棒了。總是很簡單。非常感謝你，當我允許時，我會接受答案。我可以問爲什麼這是一個問題？ – Ddrossi93

@ Ddrossi93我編輯瞭解釋的答案。 –

Bootstrap崩潰不起作用，但在JSFiddle中工作

回答

相關問題