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

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

2023年7月8日

border-top の利用

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

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

実行結果

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

サンプルダウンロード

Bootstrap 学習おすすめの書籍

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

-CSS