ブートストラップの折りたたみが動作しない

ちょっとしたドロップダウンや折りたたみを作成するためにブートストラップを使用しようとしましたが、まったく動作しません。クリックされたときに想定されるコンテンツは表示されません。私はw3の学校からコードを直接コピーしましたが。何が問題なのですか？私はjQueryをダウンロードして、自分のhtmlファイルと同じフォルダに保存しました。ブートストラップの折りたたみが動作しない

      <head> 
    <script src="jQuery.js"></script> 
    <script src="bootstrap.js"></script> 
    <link rel="stylesheet" href="bootstrap.css"> 
    <title>Bootsrap</title> 
    <meta charset="UTF-8"> 
</head> 

      <button data-toggle="collaspe" data- target="#demo">Collapsible</button> 
     <div id="demo" class="collapse"> 
      some will say that the way to go about doing some of the real things is by 
      doing it by the book to avoid some of the boring things that are said in the 
      latter age of the new and humble heritage of the monk of the new age. 
     </div>

私はactualyあまりにも私のhtmlプラスjQueryを使って同じフォルダにインポートされたブートストラップCSSやJSを持っています。

出典

2016-09-01 pedroyanky

であることを確認してください？いくつかのコードを追加できますか？ –

私はまさにそれをした – pedroyanky

ブートストラップjsの前にjquery jを含めていますか？

あなたのブラウザのコンソール（開発者用ツール）に、このファイルが正しく含まれていることがわかりますか？

出典

2016-09-01 18:51:43

これはコメントではなく、答えでなければなりません。 http://meta.stackexchange.com/questions/214173/why-do-i-need-50-reference-to-comment-what-can-i-do-instead – ZimSystem

Typo。 data-toggle="collapse"へdata-toggle="collaspe"を変更し、あなたがブートストラップ用のCSSやJSファイルをインポートしなかったあなたの<button>がtype="button"

<button type="button" data-toggle="collapse" data-target="#demo">Collapsible</button> 
<div id="demo" class="collapse"> 
    some will say that the way to go about doing some of the real things is by 
    doing it by the book to avoid some of the boring things that are said in the 
    latter age of the new and humble heritage of the monk of the new age. 
</div>

Bootply

出典

2016-09-01 18:56:35 ZimSystem

ここで、誤植はありますか？私は実際には – pedroyanky

自分自身に挑戦を見ることができません。密接に見てください。 – ZimSystem

ブートストラップの折りたたみが動作しない

答えて

関連する問題