Source

Замена на сликата

Заменете го текстот за слики во позадина со класата за замена на слики.

Искористете ја .text-hideкласата или миксинот за да помогнете во замена на текстуалната содржина на елементот со слика во заднина.

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

Користете ја .text-hideкласата за да ги одржите придобивките од пристапноста и оптимизацијата на ознаките за наслови, но сакате да користите a background-imageнаместо текст.

Bootstrap

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