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

Justify Content Alignment توزيع العناصر بالمحور الرئيسي

أتقن أدوات الصندوق المرن والتكديس في بوتستراب 5.3 شاملة حاويات واتجاهات d-flex، وتوزيع ومحاذاة المحاور، والتمدد والانكماش والالتفاف، واختصارات vstack وhstack وتخطيط الوسائط الحديث.
1 صفوف تعليمية
بوتستراب 5
1 مشاهدة

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

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

توزع عائلة .justify-content-* المساحة الفارغة على طول المحور الرئيسي للحاوية بستة أنماط قياسية: start للبداية المنطقية، وend للنهاية، وcenter للتوسيط المتلاصق، وbetween لدفع أول وآخر عنصر إلى الحافتين وتوزيع الفراغ بينهما، وaround لهوامش محيطة نصفية، وevenly لمسافات متطابقة تماماً بين العناصر والحواف.

يُعد النمط .justify-content-between الأكثر استخداماً في بناء رؤوس البطاقات وأشرطة الأدوات التي تضع العنوان في جهة وأزرار التحكم في الجهة المقابلة.