Source

画像の置き換え

背景画像のテキストを画像置換クラスと交換します。

警告

text-hide()クラスと mixin は v4.1 で非推奨になりました。v5 では完全に削除されます。

クラスまたは mixin を利用して.text-hide、要素のテキスト コンテンツを背景画像に置き換えます。

<h1 class="text-hide">Custom heading</h1>
// Usage as a mixin
.heading {
  @include text-hide;
}

クラスを使用して.text-hide、見出しタグのアクセシビリティと SEO の利点を維持しますがbackground-image、テキストの代わりに使用したいと考えています。

ブートストラップ

<h1 class="text-hide" style="background-image: url('/docs/4.1/assets/brand/bootstrap-solid.svg'); width: 50px; height: 50px;">Bootstrap</h1>