Atagリンクの下線(アンダーライン)を消す方法【Bootstrap】

Bootstrap

上記のような、Aタグリンクに表示される下線をBootstrapを使って消す方法です

わざわざCSSを定義しなくてもBootstrapで消せるんです

text-decoration-noneを追加する

Before

<a href="hoge.com">この文字の下に表示される下線を消したい!</a>

After

<a href="hoge.com" class="text-decoration-none">この文字の下に表示される下線を消したい!</a>

現時点で最新のBootstrap5.3.2で消えることを確認しています