Замена текста изображением

Замените текст на фоновое изображение с помощью класса замены изображения.

Предупреждение

Класс и миксин text-hide() устарели с версии 4.1. Он будет полностью удален в v5.

Используйте класс или миксин .text-hide, чтобы заменить текстовое содержимое элемента фоновым изображением.

<h1 class="text-hide">Пользовательский заголовок</h1>

// Использование в качестве миксина
.heading {
  @include text-hide;
}

Используйте класс .text-hide для обеспечения доступности и SEO-преимуществ тегов заголовков, но Вы хотите использовать background-image вместо текста.

Bootstrap

<h1 class="text-hide" style="background-image: url('...');">Bootstrap</h1>