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

BootStrap Numbered List Groups مجموعات القوائم المرقمة في bootstrap

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

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

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

الصف 1 شرح توضيحي

يمكن عمل list group مرقمة كالاتي:

  • اولا نقوم بانشاء <ol> قائمة مرتبة ونضيف لها كلاس list-group وكلاس list-group-numbered.
  • ثانيا نضيف كلاس list-group-item لكل <li> داخل <ol>.
جرّب بنفسك

Numbered List Group

عمل list group numbered مجموعة قائمة مرقمة.

HTML 
<ol class="list-group list-group-numbered">
   <li class="list-group-item">First item</li>
   <li class="list-group-item">Second item</li>
   <li class="list-group-item">Third item</li>
</ol>
جرّب بنفسك

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