alphaのjava備忘録

alphaが勉強したことを書いていくブログ

「Perfect Ruby on Rails」(6章) bootstrap3が正しく導入されない問題

「Perfect Ruby on Rails」が難しい。内容自体は入門書とそう変わらない(Webサイトを作成する、gemを導入する)本なのだが、必要な前提知識が多く(本文では説明されない)調べながらでないと全然進まない。安く済ませるために古い版を買ってしまったから、やってみて動かないところは自分で対応しないといけない。

というわけで、メモ。

〇bootstrap3が正しく導入されない問題:ナビゲーションバーに設置したトグルボタンが開かない

〇解決方法1:application.**を修正する。
・application.sassのrequire系の記述を削除
・application.jsに以下を追加。

//= require jquery3
//= require popper
//= require bootstrap-sprockets

・gem popper.js を導入

teratail.com


〇解決方法2:ソースにscriptを入れる
・以下のソースコードをナビゲーションバーのソースコードのあるファイルに書き込む。

 <script src="//ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>
 <script src="//netdna.bootstrapcdn.com/bootstrap/3.1.1/js/bootstrap.min.js"></script>

teratail.com