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

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

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

عندما تريد أن تصبح عناصر القائمة قابلة للنقر والانتقال أو تشغيل الأوامر مع تغير لون الخلفية عند تمرير الفأرة، استبدل <ul> بحاوية <div class="list-group">، واجعل الأبناء عناصر <a> أو <button type="button"> تحمل الكلاسين .list-group-item .list-group-item-action. وانتبه للقاعدة الصارمة في التوثيق الرسمي: لا تضف كلاسات .btn هنا مطلقاً!

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

HTML

<div class="list-group">
  <a href="#general" aria-current="true"
    class="list-group-item list-group-item-action active">
    General Settings
  </a>
  <a href="#billing"
    class="list-group-item list-group-item-action">
    Billing
  </a>
</div>

جرّب بنفسك

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

Actionable Links and Buttons قوائم الروابط والأزرار التفاعلية

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

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