記事内に広告が含まれています。

Bootstrap: 要素の下側に罫線を表示する方法

2023年7月8日

border-bottom の利用

border-bottom クラスを利用することで、要素の下側に罫線を表示することができます。ヘッダー navbar の下罫線を表示する際に重宝します。

<nav class="navbar navbar-light bg-light border-bottom">
    Nav
</nav>

実行結果

確かに navbar に下線が表示されました!

サンプルダウンロード

Bootstrap 学習おすすめの書籍

Bootstrap の網羅的な学習には、Bootstrap 5 フロントエンド開発の教科書がおすすめです。Bootstrap のクラス、レスポンシブレイアウトの仕組み、Bootstrap アイコン、テーマなど様々な機能が紹介されています。Bootstrap の機能を幅広く学習することができまです。

-CSS