Source

جایگزینی تصویر

متن را با تصاویر پس زمینه با کلاس جایگزینی تصویر عوض کنید.

هشدار

کلاس text-hide()و mixin از نسخه 4.1 منسوخ شده است. در نسخه 5 به طور کامل حذف خواهد شد.

از .text-hideکلاس یا میکسین برای کمک به جایگزینی محتوای متنی یک عنصر با تصویر پس‌زمینه استفاده کنید.

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

از .text-hideکلاس برای حفظ دسترسی و مزایای سئو تگ های عنوان استفاده کنید، اما می خواهید از یک background-imageبه جای متن استفاده کنید.

بوت استرپ

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