يحاول الصندوق المرن افتراضياً حشر جميع أبنائه في سطر واحد (.flex-nowrap) مما قد يضغطهم على الشاشات الضيقة؛ وبإضافة .flex-wrap تسمح للعناصر الفائضة بالنزول بسلاسة إلى سطر جديد كوسوم المهارات، مع إمكانية ضبط تباعد الأسطر المتعددة عبر .align-content-between أو .gap-2.
ومن أقوى الحيل الهندسية في Flexbox دمج الهوامش التلقائية: فوضع .ms-auto على عنصر واحد يفصل شريط التنقل إلى مجموعتين بدفعه إلى أقصى النهاية، ووضع .mt-auto على تذييل بطاقة داخل عمود flex-column يثبت التذييل في قاع البطاقة مهما قصر النص أعلاه!
الصف 2
ملاحظة هامة
جميع فقرات هذا الدرس (الصندوق المرن والتكديس في بوتستراب 5)
