BootstrapとFont-Awesome導入(Rails)

導入方法（rails）

Gemfileを編集する

gemfile

gem 'bootstrap', '~> 4.5'
gem 'jquery-rails'
gem 'font-awesome-sass', '~> 5.13'

bash

$ bundle

SCSSに読み込ませる

app/assets/stylesheets/application.scss

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

application.jsファイル

app/assets/javascripts/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

記述方法

xxx.html.erb

<i class="fas fa-アイコン名"></i> 

アイコン名検索