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 の機能を俯瞰して確認することができてお勧めです。
