rails bootstrap導入の仕方

ruby on railsにbootstrap を導入


まずGemfileにgemを追加します。

[Gemfile]

gem "bootstrap","~> 4.1.1" ←追記
gem "jquery-rails","~> 4.3.1" ←追記


[ターミナル]

$ bundle install


エラーがなければ、bootstrapを使用するため

app > assets > stylesheets > application.css ←このcssの部分をscssに変更する。

変更後
app > assets > stylesheets > application.scss

変更できたら、application.scss の中身を全部削除して

@inport "bootstrap";


を追記します。

次に、app > assets > javascript > application.jsの中身に

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


を追記します。

bootstrapのインストールでわからないことがあればこちらで確認してください。