Substituição de imagem

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

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.

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