Tabs with Dropdown Menusدمج القوائم المنسدلة بالتبويبات
صمّم واجهات التبويبات التفاعلية في بوتستراب 5.3 عبر .nav-tabs و.nav-pills وشريط .nav-underline الحديث ولوحات المحتوى المتبدلة بـ Vanilla JS.
2 صفوف تعليمية
بوتستراب 5
0 مشاهدة
شرح صفوف ومحتوى الفقرة
الصف 1
شرح توضيحي
عندما تضم الواجهة أربعة أقسام رئيسية إلى جانب خيارات فرعية إضافية كالتقارير المؤرشفة، فإن حشر ثمانية تبويبات في سطر واحد يربك القراءة. يمكنك دمج قائمة منسدلة مباشرةً داخل .nav-tabs أو .nav-pills بجمع الكلاسين .nav-item و.dropdown على عنصر القائمة، وإعطاء الزر .nav-link.dropdown-toggle مع data-bs-toggle="dropdown" ثم إرفاق قائمة .dropdown-menu القياسية.
الصف 2
ملاحظة هامة
جميع فقرات هذا الدرس (التبويبات والأزرار الملاحية في بوتستراب 5)
