تبديل الصور Image replacement في إطار العمل Bootstrap
أبدِل النصوص بصوّر خلفيّة باستخدام صنف إحلال الصوّر الذي يقدّمه إطار العمل Bootstrap.
تنبيه: أصبح الصنف .text-hide
أو المخلوط المقابل له مُتجاوزًا منذ الإصدار 4.5، وسيُزال في الإصدار الخامس.
<h1 class="text-hide">ترويسة مُخصّصة</h1>
// استخدام المخلوط
.heading {
@include text-hide;
}
يمكن كذلك استخدام الصنف .text-hide
للحفاظ على سهولة الوصول وفوائد التحسين لمحرِّكات البحث اللذين تقدّمهما الترويسات عند استخدام صورة خلفيّة (background-image
) بدلًا من نصّ.
<h1 class="text-hide" style="background-image: url('...');">Bootstrap</h1>