بناء مجموعة القائمة الأساسية | مجموعات القوائم في بوتستراب 5

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

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

تُعد مجموعات القوائم في Bootstrap 5.3 أداة مثالية لعرض قوائم الإعدادات، وسجلات النشاط، وفهارس الدروس، وصناديق الرسائل الواردة بمظهر منظم يفوق القوائم النقطية الخام. تبدأ البنية الأساسية بوسم <ul class="list-group"> يضم عناصر أبناء تحمل الكلاس .list-group-item، حيث يرسم بوتستراب إطاراً موحداً مستدير الأطراف وفواصل أفقية رشيقة بين كل عنصر والذي يليه.

الصف 2 صورة توضيحية

مخطط مجموعات القوائم التفاعلية والمدمجة والمرقمة والأفقية في بوتستراب 5.3

الصف 3 كود برمجي

HTML

<ul class="list-group">
  <li class="list-group-item">Account Security</li>
  <li class="list-group-item">API Access Tokens</li>
  <li class="list-group-item">Webhook Endpoints</li>
</ul>

جرّب بنفسك

الصف 4 ملاحظة هامة

Basic List Group Markup بناء مجموعة القائمة الأساسية

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

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