Сүрөт алмаштыруу

Сүрөттү алмаштыруу классы менен фондук сүрөттөргө текстти алмаштырыңыз.

Эскертүү

Класс text-hide()жана миксин 4.1 версиясында эскирген. Ал v5те толугу менен өчүрүлөт.

.text-hideЭлементтин тексттик мазмунун фон сүрөтү менен алмаштырууга жардам берүү үчүн классты же миксинди колдонуңуз.

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

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

.text-hideКлассты баш тегдердин жеткиликтүүлүгүн жана SEO артыкчылыктарын сактоо үчүн колдонуңуз , бирок background-imageтексттин ордуна колдонгуңуз келет.

Bootstrap

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