Rails 6でBootstrapをカスタマイズする

Theming Bootstrapに書かれているように、Bootstrap 4をカスタマイズ（テーミング）することができる。

環境

• Rails 6.0.0
• WebpackでBootstrap 4を管理
• SCSSを使用

手順

1. app/assets/stylesheets に bootstrap-custum.scssを作る
2. app/assets/stylesheets/applications.scss に下のように書く。

applications.scss

@import "bootstrap-custom";

1. 設定したい事項を書く。

bootstrap-custum.scss

$body-bg: red;

@import 'bootstrap/scss/bootstrap';

Import文はテーミング行の下に書く。

まとめ

これでカスタマイズをすることができる。
Bootstrap Document を見るといろいろあるので、試してみてください。