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

Dropup Dropend Dropstart اتجاهات فتح القوائم المنطقية

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

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

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

ألغى Bootstrap 5 الكلاسين الفيزيائيين القديمين dropright وdropleft واستبدلهما بالاتجاهات المنطقية الداعمة للعربية: استخدم .dropup لفتح القائمة للأعلى (أو .dropup-center لتوسيطها أعلى الزر)، و.dropend لفتحها باتجاه نهاية السطر، و.dropstart لفتحها باتجاه بداية السطر.

الصف 2 صورة توضيحية
خريطة الاتجاهات المنطقية للقوائم المنسدلة dropup وdropend وdropstart وتكيفها مع العربية

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