「Bootstrap」「font-awesome」の設定方法について

どうもどハマりエンジニアです。

「Bootstrap」「font-awesome」の設定方法について説明をしていくよ！

まずhttps://rubygems.org/のサイトにて最新バージョンを確認する

そしたらGemfileにコードを書き、bundle install

gem 'bootstrap', '~> 4.3.1'

gem 'font-awesome-sass', '~> 5.11.2'

gem 'jquery-rails'

Bootstrapのドロップダウンを使うにはjquery-railsのgemもいる

「bundle install」したら読み込めるようにするために、まず application.scssにてimportする！

@import 'bootstrap' ;

@import 'font-awesome-sprockets' ;

@import 'font-awesome' ;

順番には気を付ける！

jqueryは application.jsに！

//= require jquery3

//= require popper

//= require bootstrap-sprockets

こちらも順番には気を付ける（require_treeより上に書く）

以上で設定は完了！