Wymiana obrazu

Zamień tekst na obrazy tła z klasą zastępczą obrazu.

Ostrzeżenie

Klasa text-hide()i mixin są przestarzałe w wersji 4.1. Zostanie całkowicie usunięty w wersji 5.

Użyj .text-hideklasy lub domieszki, aby zastąpić zawartość tekstową elementu obrazem tła.

<h1 class="text-hide">Custom heading</h1>

// Usage as a mixin
.heading {
  @include text-hide;
}

Użyj klasy, aby zachować korzyści związane z dostępnością i SEO związane z tagami nagłówków, ale zamiast tekstu .text-hidechcesz używać a .background-image

Bootstrap

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