RailsにgemでBootstrapを導入する


はじめに

現在プログラミング学習を始めて3ヶ月目の初学者です。
学んだことをqiitaに投稿という形でアウトプットするため、また備忘録として記事を作成しました。

1.Gemfileを編集する

gem 'bootstrap', '~> 4.5'

2.bootstrapファイルを読み込む

app/assets/stylesheetsの「application.css」を「application.scss」に変更

3.BootstrapをSCSSに読み込ませる

app/assets/stylesheets/application.scss

@import "bootstrap";

4.application.jsファイルを編集する

app/assets/javascripts/application.js

//= require jquery3
//= require popper
//= require bootstrap-sprockets←追加
//= require rails-ujs
//= require activestorage
//= require turbolinks
//= require_tree .

最後に

qiitaへの投稿に慣れていないので、分かりづらい上に情報が少ないですが、これから欠かさず投稿していこうと思います。