تبديل الصور Image replacement في إطار العمل Bootstrap
اذهب إلى التنقل
اذهب إلى البحث
The printable version is no longer supported and may have rendering errors. Please update your browser bookmarks and please use the default browser print function instead.
أبدِل النصوص بصوّر خلفيّة باستخدام صنف إحلال الصوّر الذي يقدّمه إطار العمل 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>