انتقل إلى محتوى الدرس
ابدأ رحلتك
فقرة فرعية #3 من درس: مجموعات القائمة في BootStrap

BootStrap List Group Active and Disabled Items العناصر النشطة وغير النشطة داخل مجموعة القائمة في bootstrap

ستتعلم في هذا الدرس عرض مجموعة من العناصر في صورة list groups وهي قائمة افقية أو رأسية باستخدام bootstrap.

1 صفوف تعليمية
Bootstrap
3,008 مشاهدة

شرح صفوف ومحتوى الفقرة

الصف 1 شرح توضيحي
  • يستخدم كلاس active داخل اي عنصر في list group لاعطاءه خلفية مميزة باللون الازرق.
  • يستخدم كلاس disabled لالغاء تفعيل اي عنصر في list group ليصبح غير قابلا للتفاعل مع cursor actions مثل click و hover.
جرّب بنفسك

Active and Disabled Items

مثال على تفعيل وتعطيل بعض العناصر داخل list-group.

HTML 
<ul class="list-group">
   <li class="list-group-item active text-white">Active item</li>
   <li class="list-group-item diabled">Second item</li>
   <li class="list-group-item">Third item</li>
</ul>
جرّب بنفسك

جميع فقرات هذا الدرس (مجموعات القائمة في BootStrap)