Source

Замена выявы

Замяніць тэкст фонавымі малюнкамі з класам замены малюнкаў.

Папярэджанне

Клас text-hide()і міксін састарэлі з версіі 4.1. Ён будзе цалкам выдалены ў v5.

Выкарыстоўвайце .text-hideклас або mixin, каб дапамагчы замяніць тэкставае змесціва элемента фонавым малюнкам.

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

Выкарыстоўвайце .text-hideклас, каб захаваць перавагі даступнасці і SEO тэгаў загалоўкаў, але хочаце выкарыстоўваць background-imageзамест тэксту.

Бутстрап

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