2022年11月1日火曜日

[Bootstrap]ナビゲーションバーの背景色をカスタマイズする

Bootstrap
とりあえずこのブログのテンプレートの改修が終わったかなと思うのですが
関連:

関連記事の表示だけちょっと問題ありますが(モバイル環境だと投稿タイトルが全て表示されない)
後は見ている投稿が関連記事に表示される(モバイルで確認)
ラベルは多いと被っちゃうので非表示にしました

(私が関連記事で使っているプラグインはこちらです)
Bloggerにサクっと関連記事を表示させるプラグイン
https://www.sukerou.com/2019/01/blogger_18.html

関連:

前置きが長くなりましたが、テンプレートを改修するに当たって、外枠にBootstrapを使ったので、Bootstrapのナビゲーションバーを利用しています。
(JetThemeでもBootstrapが使われているので、ナビゲーションバーの背景色を変更できると思います。)

任意の色に変更するには

Navbar · Bootstrap v5.2 より

<nav class="navbar" style="background-color: #e3f2fd;">
<!-- Navbar content -->
</nav>

という事で、背景色以外も変えたのですが、背景色を任意の色にする方法でした。

F(uriouz)

欲しいものリスト
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation.

0 comments:

コメントを投稿

スパム対策の為コメントをオフにしています。
Disqusは利用出来ます。

注: コメントを投稿できるのは、このブログのメンバーだけです。

Recent Posts

 
"The Android robot is reproduced or modified from work created and shared by Google and used according to terms described in the Creative Commons 3.0 Attribution License."