画像の置き換えのクラスを使用して、背景画像でテキストを入れ替えます。

.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('...');">Bootstrap</h1>