Penggantian gambar

Tukar teks untuk gambar latar belakang dengan kelas pengganti gambar.

Peringatan

Kelas text-hide()dan mixin tidak digunakan lagi sejak v4.1. Itu akan dihapus seluruhnya di v5.

Manfaatkan .text-hidekelas atau mixin untuk membantu mengganti konten teks elemen dengan gambar latar belakang.

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

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

Gunakan .text-hidekelas untuk mempertahankan aksesibilitas dan manfaat SEO dari tag heading, tetapi ingin menggunakan background-imagealih-alih teks.

Bootstrap

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