見出し画像

rails7-bootstrap導入後カスタムCSSも設置！

凸凹のひとりごと

カスタムscssをインポートしよう！

■ custom.scss ファイルを新規作成

app / assets / stylesheets / ここにcustom.scssを新規作成

■ application.bootstrap.scss に custom.scssを読み込む

app / assets / stylesheets / custom.scss

@import 'bootstrap/scss/bootstrap';
@import 'bootstrap-icons/font/bootstrap-icons';
@import 'custom'; /* 追記 */

■ ターミナル

$  bin/dev

Rails7でBootstrapを使用する場合、サーバーの起動はbin/devで行うと良きらしいです！私もこの記事に助けてもらいました〜bootstrapのデザインに少しアレンジをプラス＋したい方におすすめ！

参考サイト: