انتقل إلى محتوى الدرس

Headers Dividers and Text العناوين والفواصل داخل القائمة

صمّم القوائم المنسدلة التفاعلية في بوتستراب 5 بالاعتماد على Popper وجافاسكريبت القياسية، بدءاً من الأزرار المفردة والمنقسمة والاتجاهات المنطقية حتى المحاذاة المتجاوبة وخيارات الإغلاق التلقائي.
2 صفوف تعليمية
بوتستراب 5
1 مشاهدة

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

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

لتنظيم القوائم الغنية بصرياً ودلالياً، يوفّر بوتستراب ثلاثة عناصر مساعدة داخل .dropdown-menu: عنوان المجموعة <h6 class="dropdown-header"> لتصنيف الأوامر، والخط الفاصل <hr class="dropdown-divider"> لعزل الإجراءات الحساسة كحذف العنصر أو تسجيل الخروج، والنص الوصفي الثابت .dropdown-item-text لعرض البريد الإلكتروني أو الرصيد الحالي دون استجابة للنقر.

جرّب جميع أنماط القوائم واتجاهاتها ومحتوياتها في المختبر التفاعلي الحي:

الصف 2 معاينة حية