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> 

アイコン名検索