2016-07-25 22 views
2

「Collapse」を使用しようとすると、ブートストラップの作業が始まりました。Bootstrap Collapseは機能しませんが、JSFiddleで動作します。

私は99%確信しています。私は、CSSへの参照も機能するので、正しくリンクされたJavaScriptを持っています。私もCDNに置き換えようとしました

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

まだ動作しませんでした。

ここで共有するために私のコードをJSfiddleに配置していたので、私はそれをテストしました。そこから作業しました。理由を理解できません。ここで

は、崩壊のボタンを見つけるあなたは、右上にある3軒のバーが表示されるまで、単にブラウザのサイズを縮小するにはJSfiddle

です。これは、クリックされたときに残りのナビゲーションを表示するはずのボタンです。

その他の注意事項:私はcodeigniterを使用しています。そのため、このコードにはPHPがいくつか表示されます。

ご協力いただければ幸いです。ありがとうございました。

+0

[Bootstrap Navbar]が重複している可能性があります。ボタンを押しても何も起こりません。](http://stackoverflow.com/questions/29306573/bootstrap-navbar-when-i-press-the-button-nothing-happens) – vanburen

答えて

6

<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のは仕事に必要とjquery.min.jsbootstrap.min.js前に含めるので、あなたはそれbootstrap.min.jsスクリプトタグに含める必要があります。

+0

素晴らしい。常にシンプルなもの。本当にありがとう、私はそれが私を許可するときに答えを受け入れるよ。なぜこれが問題なのか尋ねることはできますか? – Ddrossi93

+1

@ Ddrossi93私は説明のための答えを編集しました。 –

関連する問題