Bootstrap 5 でリンクの下線を消すクラスを紹介します。本稿下部に、ダウンロード可能なサンプルも用意しております。ぜひご活用下さい。
text-decoration-none の利用
text-decoration-none クラスを利用することで、ハイパーリンクの下線を消すことができます。
<a href="./other.html" class="text-decoration-none">
リンクテキスト
</a>
実行結果
次のように、リンクの下線が消えていることが分かります。
サンプルダウンロード
Bootstrap 関連情報
Bootstrap の使い方を調べる際に、次の記事も参考になるかもしれません。
Bootstrap 学習おすすめの書籍
Bootstrap の網羅的な学習には、Bootstrap 5 フロントエンド開発の教科書がおすすめです。Bootstrap のクラス、レスポンシブレイアウトの仕組み、Bootstrap アイコン、テーマなど様々な機能が紹介されています。Bootstrap の機能を幅広く学習することができまです。
