چطور یک ستون رو در بوت‌ استرپ بیارم وسط؟

سلام برای وسط اوردن یک ستون من دو تا از روش‌های ساده رو بهت توضیح میدم:

روش اول: استفاده از mx-auto هستش بوت استرپ یه کلاس داره به نام mx-auto که به سادگی می‌تونه ستونت رو در وسط بیاره فقط کافیه به div ستونت این کلاس رو اضافه کنی:

<div class="container">
  <div class="row">
    <div class="col-6 mx-auto">
      <!-- content -->
    </div>
  </div>
</div>

اینجا col-6 یعنی ستونت ۶ ستون از ۱۲ ستون بوت‌ استرپ رو می‌گیره و با اضافه کردن mx-auto، ستون به صورت افقی سنتر میشه.

روش دوم استفاده از d-flex و justify-content-center هستش با استفاده از کلاس‌های Flexbox توی بوت‌  استرپ میتونی ستونت رو دقیقا وسط صفحه بزاری

<div class="container">
  <div class="row justify-content-center">
    <div class="col-6">
      <!-- content -->
    </div>
  </div>
</div>

اینجا justify-content-center باعث میشه که ستونت در وسط ردیف قرار بگیره. هر دو روش ساده و کاربردی هستن و میتونی بسته به نیازت از هر کدوم استفاده کنی