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

BootStrap List Groups Contextual Classes الكلاسات السياقية مع مجموعات القوائم في bootstrap

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

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

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

الصف 1 شرح توضيحي
  • يمكن استخدامات contextual classes كلاسات سياقية لتغيير خلفية اي list item داخل list group.
  • الكلاسات السياقية مع list group تكتب *-list-group-item حيث * هي احد هذه القيم ( primary - secondary - info - success - danger - warning - dark - light )
جرّب بنفسك

Contextual Classes

استخدام الكلاسات السياقية مع list group.

HTML 
<ul class="list-group">
   <li class="list-group-item list-group-item-success">Success item</li>
   <li class="list-group-item list-group-item-secondary">Secondary item</li>
</ul>
جرّب بنفسك

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