قابليّة الرؤية 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);
}