【Ruby on Rails】Bootstrap4を導入する

Bootstrap4をインストールします

1. Gemfileファイルに下記内容を追記してBootstrap4とjqueryのインストールを整えます。

gem 'bootstrap', '~> 4.0.0.beta2.1'
gem 'jquery-rails'

2. bundle installでGemfileに書かれたものをインストールします。

bundle install

これでBootstrap4とjQueryのインストールは完了です。

Bootstrap4のCSS(application.scss)を読み込む設定をします

1. 「application.css」→「application.scss」に変更します。

mv app/assets/stylesheets/application.css app/assets/stylesheets/application.scss

2. 「application.scss」に下記内容を追記してbootstrapを参照できるようにします。

@import "bootstrap";

Bootstrap4のCSS(application.js)を読み込む設定をします

1. 「application.js」に下記内容を追記します。

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