環境構築の仕方について簡単にまとめていく。
今回は、
Gemを使ったBootstrapの導入
前提条件
Rails5系を使用していること
Yarnを使用する場合はこちら
Gemの導入
1 2 |
gem 'bootstrap' gem 'jquery-rails' |
bundle installの実行
ファイル名の編集
app/assets/stylesheets/application.cssをapplication.scssへ変更
注意この変更を行わないとcssファイルが正常に読み込まれない
Jqueryの読み込み
app/assets/javascripts/application.js
1 |
//= require jquery |
//= require_tree .の上に追記
Bootstrapの読み込み
app/assets/stylesheets/application.scss
1 |
@import "bootstrap"; |
app/assets/javascripts/application.js
1 |
//= require bootstrap |
//= require_tree .の上に追記
以上で導入完了