Source

Заміна зображення

Замінити текст на фонові зображення за допомогою класу заміни зображення.

УВАГА

Клас text-hide()і mixin застаріли з версії 4.1. Його буде повністю видалено у v5.

Використовуйте .text-hideклас або mixin, щоб допомогти замінити текстовий вміст елемента фоновим зображенням.

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

Використовуйте .text-hideклас, щоб зберегти доступність і переваги SEO тегів заголовків, але хочете використовувати 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>