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

border-bottom の利用

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

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

実行結果

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

ソースコード

サンプルダウンロード

bootstrap-border-bottom.html.zip