「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 を導入
〇解決方法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>