Pildi asendamine

Vahetage tekst taustpiltide vastu pildiasendusklassiga.

Hoiatus

Klass text-hide()ja mixin on alates versioonist 4.1 aegunud. See eemaldatakse versioonis 5 täielikult.

Kasutage .text-hideklassi või mixini, et asendada elemendi tekstisisu taustpildiga.

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

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

Kasutage .text-hideklassi pealkirjamärgendite juurdepääsetavuse ja SEO eeliste säilitamiseks, kuid soovite background-imageteksti asemel kasutada .

Bootstrap

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