Source

Remplacement d'image

Échangez le texte des images d'arrière-plan avec la classe de remplacement d'image.

Avertissement

La text-hide()classe et le mixin sont obsolètes depuis la v4.1. Il sera entièrement supprimé dans la v5.

Utilisez la .text-hideclasse ou le mixin pour vous aider à remplacer le contenu textuel d'un élément par une image d'arrière-plan.

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

Utilisez la .text-hideclasse pour conserver les avantages d'accessibilité et de référencement des balises d'en-tête, mais souhaitez utiliser a background-imageau lieu de texte.

Amorcer

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