BootstrapとFont-Awesome導入(Rails)
導入方法(rails)
Gemfileを編集する
gem 'bootstrap', '~> 4.5' gem 'jquery-rails' gem 'font-awesome-sass', '~> 5.13'
$ bundle
SCSSに読み込ませる
@import "bootstrap"; @import 'font-awesome-sprockets'; @import 'font-awesome';
application.jsファイル
//= require jquery3 //= require popper //= require bootstrap-sprockets
application.cssの拡張子を変更する。
デフォルトでは、application.css」だが、「application.scss」に変更する。 「SCSS」はCSSの拡張言語で、bootstrapを使用できるようになる。
mv app/assets/stylesheets/application.css app/assets/stylesheets/application.scss
記述方法
<i class="fas fa-アイコン名"></i>