CSS

Bootstrap: 要素の上側(上部)に罫線を表示する方法

border-top の利用

border-top クラスを利用することで、要素の上側(上部)に罫線を表示することができます。フッターの上罫線などを表示する際に重宝します。

<footer class="border-top">
    Footer
</footer>

実行結果

フッター要素の上側(上部)に罫線を表示することができました!

サンプルダウンロード

Bootstrap クラスを網羅的に学習するには

Bootstrap クラスについて網羅的に学習するには、Bootstrap 5 フロントエンド開発の教科書がお勧めです。Bootstrap クラス以外にも、レスポンシブレイアウトの仕組みや、Bootstrap アイコン、テーマなど様々な機能を紹介しており、Bootstrap の機能を俯瞰して確認することができてお勧めです。

-CSS