Bootstrap のリンクの下線を消す方法（サンプルあり）

📋 目次（クリックで展開）

Bootstrap 5 でリンクの下線を消すクラスを紹介します。本稿下部に、ダウンロード可能なサンプルも用意しております。ぜひご活用下さい。

text-decoration-none の利用

text-decoration-none クラスを利用することで、ハイパーリンクの下線を消すことができます。

<a href="./other.html" class="text-decoration-none">
    リンクテキスト
</a>

実行結果

次のように、リンクの下線が消えていることが分かります。

サンプルダウンロード

bootstrap-text-decoration-none.html.zip

Bootstrap 関連情報

Bootstrap の使い方を調べる際に、次の記事も参考になるかもしれません。

💬 コメント