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

Breakpoint Infix Syntax لاحقة نقاط التوقف بالكلاسات

أتقن نقاط التوقف المتجاوبة الست في Bootstrap 5.3 من xs حتى xxl، وفلسفة الاستعلامات التصاعدية min-width، وصيغة لواحق الكلاسات، ومعايير اختيار نقاط التحول للواجهة.
3 صفوف تعليمية
بوتستراب 5
2 مشاهدة

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

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

بمجرد حفظك لرموز نقاط التوقف الخمس ذات اللاحقة، تصبح قادراً على قراءة وكتابة مئات الكلاسات في بوتستراب لأنها تتبع جميعاً معادلة تسمية موحدة للاحقة التجاوب:

الفئة التأسيسية للهاتف xs: تُكتب بصيغة {property}-{value} بدون أي لاحقة وسطى فتعمل من عرض 0px فصاعداً.
الفئات المتجاوبة الأعلى sm..xxl: تُكتب بصيغة {property}-{breakpoint}-{value} فتعمل بدءاً من عرض تلك الفئة وما فوقها.

لهذا السبب لن تجد أبداً لاحقة باسم -xs- في بوتستراب 5؛ لأن الكلاس الأساسي الخالي من اللاحقة يمثل فئة الهاتف افتراضياً!

الصف 2 معاينة حية
الصف 3 ملاحظة هامة