شرح صفوف ومحتوى الفقرة
احتفظ بهذا المرجع الهندسي الشامل لنقاط التوقف الست في Bootstrap 5.3؛ فجميع أبعاد الحاويات وأعمدة الشبكة وأدوات العرض التي ستبنيها في الدروس القادمة تستند مباشرةً إلى هذه القيم القياسية:
| اسم فئة التوقف | لاحقة الكلاس | نطاق عرض النافذة | استعلام الوسائط المقابل | الأجهزة المستهدفة غالباً |
|---|---|---|---|---|
| الأصغر Extra small | بدون لاحقة | < 576px | الوضع الافتراضي بدون استعلام | الهواتف الذكية بالوضع العمودي |
| الصغيرة Small | sm | >= 576px | @media (min-width: 576px) | الهواتف بالوضع الأفقي |
| المتوسطة Medium | md | >= 768px | @media (min-width: 768px) | الأجهزة اللوحية والنوافذ المقسومة |
| الكبيرة Large | lg | >= 992px | @media (min-width: 992px) | الحواسيب المحمولة |
| الأكبر Extra large | xl | >= 1200px | @media (min-width: 1200px) | الشاشات المكتبية القياسية |
| الفائقة Extra extra large | xxl | >= 1400px | @media (min-width: 1400px) | الشاشات المكتبية العريضة |
خلاصة المعرفة ومحطة الانتقال
ملخص الدرس
حصاد الدرسمراجعة مركّزة لأهم المفاهيم والقواعد الهندسية التي أتقنتها في هذا الدرس قبل التطبيق العملي
ماذا تعلّمت في هذا الدرس؟
أتقنت في هذا الدرس منظومة نقاط التوقف الست في Bootstrap 5.3 من xs حتى xxl، ومنطق التوريث التصاعدي عبر min-width، وصيغة اللاحقة الموحدة للكلاسات المتجاوبة. الخطوة التالية: انتقل الآن إلى الدرس السادس «الحاويات في بوتستراب 5» لتطبيق هذه العتبات الست عملياً على حاويات التخطيط المتدرجة والمرنة.