عرض مصدر Bootstrap/visibility

<noinclude>{{DISPLAYTITLE:قابليّة الرؤية Visibility في إطار العمل Bootstrap}}</noinclude>
تحكَّم في قابليّة الرؤية دون التعديل على قيمة الخاصيّة <code>display</code> باستخدام أدوات الرؤية المتوفّرة في إطار العمل Bootstrap.

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

طبِّق الصنف <code>‎.visible</code> أو <code>‎.invisible</code> حسب الحاجة.<syntaxhighlight lang="html">
<div class="visible">...</div>
<div class="invisible">...</div>
</syntaxhighlight><syntaxhighlight lang="sass">
// صنف
.visible {
  visibility: visible;
}
.invisible {
  visibility: hidden;
}

// استخدام المخلوط
// متجاوزا منذ الإصدار 4.3 `invisible()` تنبيه: أصبح المخلوط
// وسيُحذف في الإصدار الخامس

.element {
  @include invisible(visible);
}
.element {
  @include invisible(hidden);
}
</syntaxhighlight>

== مصادر ==
* [https://getbootstrap.com/docs/4.5/utilities/visibility/ صفحة Visibility في توثيق Bootstrap].
[[تصنيف:Bootstrap|{{SUBPAGENAME}}]]
[[تصنيف:Bootstrap utilities|{{SUBPAGENAME}}]]