railsでのboorstrapの導入

自分用です！

bootstrapを導入していきます。

Gemfile

gem 'bootstrap', '~> 4.4.1'
gem 'font-awesome-sass', '~> 5.12.0'
gem 'jquery-rails'

Gemfileに記載をし、bundle installを実行。

ちなみに、公式のgemを検索するときは、rubygemsがおすすめ。

また gem 'font-awesome-rails'では、font-awesome5系に対応していないので gem 'font-awesome-sass'を使用する必要があります。

application.scss

@import 'bootstrap';
@import 'font-awesome-sprockets';
@import 'font-awesome';

を追加。

application.js

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

を追加してください。

//= require_tree . は一番下の行に記載していること
※ ここではrequireするJavaScriptファイルの順番に注意してください。
//= require jquery3よりも前に//= require_tree .を記載した場合、 //= require_tree .で読み込んだファイルでjqueryのコードを参照しているとjquery3が読み込まれる前に評価されるためメソッドが未定義となりエラーになるケースが後の課題で発生します。