Source

Reemplazo de imagen

Intercambia texto por imágenes de fondo con la clase de reemplazo de imagen.

Advertencia

La text-hide()clase y el mixin han quedado obsoletos a partir de la v4.1. Se eliminará por completo en v5.

Utilice la .text-hideclase o el mixin para ayudar a reemplazar el contenido de texto de un elemento con una imagen de fondo.

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

Use la .text-hideclase para mantener la accesibilidad y los beneficios de SEO de las etiquetas de encabezado, pero desee utilizar una background-imageen lugar de texto.

Oreja

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