قابليّة الرؤية Visibility في إطار العمل Bootstrap
تحكَّم في قابليّة الرؤية دون التعديل على قيمة الخاصيّة display
باستخدام أدوات الرؤية المتوفّرة في إطار العمل Bootstrap.
تعدِّل أدوات الرؤية (visibility
) قابليّة رؤية العناصر. لا تؤثّر هذه الأدوات أبدًا على الخاصيّة display
، وهي مفيدة لإخفاء المحتوى عن أغلب الزوّار مع توفيره لقارئات الشاشة.
طبِّق الصنف .visible
أو .invisible
حسب الحاجة.
<div class="visible">...</div>
<div class="invisible">...</div>
// صنف
.visible {
visibility: visible;
}
.invisible {
visibility: hidden;
}
// استخدام المخلوط
// متجاوزا منذ الإصدار 4.3 `invisible()` تنبيه: أصبح المخلوط
// وسيُحذف في الإصدار الخامس
.element {
@include invisible(visible);
}
.element {
@include invisible(hidden);
}