چطور بین ستون‌ های بوت استرپ فضای فاصله (Margin یا Padding) اضافه کنیم؟

برای اینکه بین ستون‌ های بوت استرپ فاصله (Margin/Padding) ایجاد کنی، بهتره از سیستم gr-* بوت استرپ 5 استفاده کنی که به‌ صورت پیش‌فرض کنترل بیشتری روی فاصله‌ ها داره.

<div class="row g-3">
  <div class="col">
    Column 1
  </div>
  <div class="col">
    Column 2
  </div>
  <div class="col">
    Column 3
  </div>
</div>

اینجا کلاس g-3 به این معنیه که یه فاصله‌ی (gutters) بین ستون‌ها ایجاد میکنه.

ولی اگه بخوای فقط برای یک طرف خاص مثلا راست یا چپ فضای اضافی ایجاد کنی، می‌تونی از ms- یا me- برای margin و ps- یا pe- برای padding استفاده کنی

<div class="row">
  <div class="col me-3">
    Column 1
  </div>
  <div class="col">
    Column 2
  </div>
  <div class="col">
    Column 3
  </div>
</div>

تو این مثال، کلاس me-3 به ستون اول یه Margin سمت راست اضافه میکنه.