قابليّة الرؤية Visibility في إطار العمل Bootstrap

من موسوعة حسوب
< Bootstrap
مراجعة 17:30، 14 أبريل 2018 بواسطة محمد-أحمد-العيل (نقاش | مساهمات) (إضافة محتوى الصفحة)
اذهب إلى التنقل اذهب إلى البحث

تحكَّم في قابليّة الرؤية دون التعديل على قيمة الخاصيّة display باستخدام أدوات الرؤية المتوفّرة في إطار العمل Bootstrap.

تعدِّل أدوات الرؤية (visibility) قابليّة رؤية العناصر. لا تؤثّر هذه الأدوات أبدًا على الخاصيّة display، وهي مفيدة لإخفاء المحتوى عن أغلب الزوّار مع توفيره لقارئات الشاشة.

طبِّق الصنف ‎.visible أو ‎.invisible حسب الحاجة.

<div class="visible">...</div>
<div class="invisible">...</div>
// صنف
.visible {
  visibility: visible;
}
.invisible {
  visibility: hidden;
}

// استخدام المخلوط
.element {
  @include invisible(visible);
}
.element {
  @include invisible(hidden);
}

مصادر