CSS– category –
-
【Rails7】Bootstrapでnavbarのハンバーガーメニューの外枠線を消す方法
Bootstrapが用意しているナビゲーションバー(navbar)のハンバーガーメニューをクリックした後に、黒い外枠(box-shadow)が表示されたままになります。 個人的にはその枠線が気になるので、なんとかして消したい... 色々調べて試した結果、無事に消すことが... -
【Rails7】Bootstrapでnavbarを配置すると他のコンテンツと被る問題の修正
HTML上にBootstrapのナビゲーションメニュー(navbar)を配置すると、他のコンテンツと干渉してしまう問題についてのトラブルシューティングです。 Rails7にBootstrapを導入する方法は下記記事を参考にしてみてください。 https://plog.kobacchi.com/rails-b... -
【Rails7】Bootstrapのカスタム用CSSを作成して適用する
Rails7でBootstrap5のカスタム用スタイルシート(custom.scss)を作成して適用する方法をまとめたメモです。 開発環境 Ruby 3.1.2 Ruby on Rails 7.0.3 Bootstrap 5.1.3 M1 Macbook Air 2020 mac OS Monterey (ver. 12.4) ターミナル bash (Rosetta 2 使用) ... -
【Rails７】Semantic UI をセットアップする方法
つい先日、Rails を使って自作Webアプリを作る上で何か良いデザイン用のCSSフレームワークがないか探していたところ、「Semantic UI」という神がかったフレームワークを見つけました。 デザインがポップかつ斬新で、一つ一つのパーツがどれもドンピシャで...
1