Reemplazo de imagen

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

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.

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