إلغاء الفواصل بكلاس g-0 | الفراغات الفاصلة Gutters في بوتستراب 5

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

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

عند تصميم بطاقات أفقية مقسومة نصفين (صورة ملاصقة للنص بدون أي فراغ فاصل) أو شبكات صور متراصة الحواف، أضف الكلاس .g-0 إلى عنصر .row. يقوم .g-0 بتصفير الهوامش الأفقية السالبة على الصف وإزالة الحشو الجانبي والعلوي من جميع الأعمدة الأبناء المباشرين فوراً.

الصف 2 كود برمجي

HTML

<div class="container">
  <div class="row g-0">
    <div class="col-sm-6 col-md-8">Flush Main (g-0)</div>
    <div class="col-6 col-md-4">Flush Side (g-0)</div>
  </div>
</div>

جرّب بنفسك

الصف 3 ملاحظة هامة

Removing Gutters with g-0 إلغاء الفواصل بكلاس g-0

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

جميع فقرات هذا الدرس (الفراغات الفاصلة Gutters في بوتستراب 5)