CSS

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

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