そもそも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/画像等の静的ファイルを最新の状態に処理してまとめ、本番環境で効率的にブラウザに配信できる形に変換し直す」プロセス、らしい。