أتقن أدوات التباعد والهوامش والحشو في بوتستراب 5 عبر معادلة التسمية الموحدة، ومقياس المسافات القياسي من 0 إلى 5، والكلاسات المنطقية الداعمة للعربية، والتوسيط الأفقي وفواصل gap.
2 صفوف تعليمية
بوتستراب 5
1 مشاهدة
شرح صفوف ومحتوى الفقرة
الصف 1
شرح توضيحي
لتوسيط صندوق كتلي في منتصف حاويته أفقياً، يوفر بوتستراب كلاس .mx-auto الذي يضبط الهامشين الأفقيين على القيمة التلقائية margin-right: auto; margin-left: auto.
تذكر الشرطين الهندسيين لنجاح .mx-auto: أولاً أن يكون العنصر كتلي العرض (display: block)، وثانياً أن يكون عرضه أقل من 100% من عرض أبيه (عبر تحديد كلاس عمود مثل .col-md-8 أو عرض محدد)؛ إذ لا توجد مساحة فارغة لتوزيعها إذا كان العنصر يملأ السطر بالكامل.
الصف 2
ملاحظة هامة
جميع فقرات هذا الدرس (أدوات التباعد والهوامش في بوتستراب 5)
