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

How Grid Gutters Work آلية عمل الفراغات الفاصلة

التحكم الدقيق بالفواصل البينية Gutters في بوتستراب 5: آلية الحشو والهوامش السالبة، الفواصل الأفقية gx والرأسية gy والموحدة g، التصفير بـ g-0، والفواصل المتجاوبة.
2 صفوف تعليمية
بوتستراب 5
1 مشاهدة

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

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

تُعرف المسافات الفاصلة بين أعمدة الشبكة باسم الفواصل البينية، وتبلغ قيمتها الافتراضية في Bootstrap 5 مقدار 1.5rem (24px) أفقياً، موزعة بواقع 0.75rem كحشو داخلي أيمن و0.75rem كحشو داخلي أيسر على كل عمود .col-*، بينما يطبّق الصف .row هامشاً سالباً بالقدر نفسه على طرفيه ليظل أول عمود وآخر عمود بمحاذاة حافة الحاوية تماماً.

وبفضل اعتماد الإصدار الخامس على خصائص CSS المخصصة --bs-gutter-x و--bs-gutter-y، أصبح بإمكانك تعديل التباعد الأفقي والرأسي كلٍّ على حدة أو معاً عبر مقياس موحد يمتد من الدرجة 0 حتى الدرجة 5.

الصف 2 صورة توضيحية
مخطط توضيحي لكلاسات الفواصل البينية الأفقية gx والرأسية gy والموحدة g في بوتستراب 5