Reemplazo de imagen

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

Advertencia

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

Utilice la .text-hide clase o 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-hide clase para mantener la accesibilidad y los beneficios de SEO de las etiquetas de encabezado, pero desee utilizar un en background-image lugar de texto.

Oreja

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