【bootstrapが言うこと聞かない！】bootstrapのcollapseが効かなかった時の対処

2024年1月22日 2024年3月18日

むっちゃん

はじめに

Bootstrapでcollapseを使用した際にクリックをしても反応してくれない時がありました。

collapseとは、コンテンツの表示非表示ができるものです。

いくつかのクラスと JavaScript プラグインを使用して、プロジェクト全体のコンテンツの表示を切り替えます。

まずはじめに試したことはもちろんコードが間違っていないかです。

他のBootstrapを使用している箇所は普通に動いていたのでコードが間違っていると思いました。

しかし、コードはあっていました。

結論としてはBootstrapのJavaScriptの読み込みがうまくいってませんでした。

こちらの記事で解決しました。

が抜けてしまっていた場合に動かないとなっていました。

私の場合は、bootstrap.bundle.min.jsを２つ書いていました。

１つに直した事で正常に動くようになりました。

collapseがうまく動かなかった時の対処法についてご説明しました。

collapse以外でもbootstrapが正しく動いてくれない時にも同じ原因が考えられるので試してみてください。

コードがあっているかも、大事ですが正しく読み込めているかも大切ですね。

気をつけましょう！！

この度はご覧いただきありがとうございました。