【解決策】bootstrapでnavのトグルメニューが動かない

こんにちは、shinoです。
ぼちぼちプログラミングしながら、生きています。
私は、プログラミングスクールに通い、継続学習を140日続けています。

問題

bootstrapを導入していて、navbarを導入したのですが、トグルメニューが動かない城代でした。bootstrapのコードを導入したのですが、そのままでは右上のトグルメニューが動きません。

該当コード

解決策

ドロップダウンの場合は、jQueryとかpopper.jsが必須でした。
また、bootstrap.min.jsも読み込まないと機能しません。
app/views/layouts/application.html.erbのheadタグに以下を追加します。

上記は、CDNを利用して、読み込みを行なっていますが、gemの導入でも実装が可能だったと思います。
CDNの方が、読み込みが早かったと思います。

最後まで、読んでいただきありがとうございます。
今後も、プログラミングについての投稿をしていきます。