cssが読み込まれない

【結論】

そもそもRails 7以降でBootstrapを使うときは、デフォルトのセットアップで生成されたapplication.bootstrap.scss (または一部構成でapplication.scssなど)に書かれていないと、CSSの変更やカスタム内容が正しく反映されない仕組みになっている。

普通にこのことを知らなかった。 別で作るならカスタムスタイルシート(custom.scssなど)を作り、@import ’custom’のように@importする。

【ドツボにはまっていった経緯】

zくんに訊ねた際に、bootstrapを使用しているということを伝えていなかった。

zくんの回答にapplication.scssと書いてあったためファイルを作成し、こっちを編集していた。(application.bootstrap.scssはすでに存在していた)

zくんもずっとapplication.scssに書く前提で話が進み、どうやら前提からミスの最悪の状態。

検証ツールでもステータス200なので問題なし

(application.bootstrap.scss自体は存在してたのでこっちが読み込まれてる?)

アセット再コンパイルするも、書いてるのがapplication.scssなので読み込まれず。

アセットの再コンパイル

「すべてのCSS/JS/画像等の静的ファイルを最新の状態に処理してまとめ、本番環境で効率的にブラウザに配信できる形に変換し直す」プロセス、らしい。