Substituição de imagem

Troque o texto por imagens de fundo com a classe de substituição de imagem.

Aviso

A text-hide()classe e o mixin foram descontinuados a partir da v4.1. Ele será removido inteiramente na v5.

Utilize a .text-hideclasse ou mixin para ajudar a substituir o conteúdo de texto de um elemento por uma imagem de fundo.

<h1 class="text-hide">Custom heading</h1>

// Usage as a mixin
.heading {
  @include text-hide;
}

Use a .text-hideclasse para manter os benefícios de acessibilidade e SEO das tags de cabeçalho, mas deseja utilizar um background-imageem vez de texto.

Bootstrap

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