چطور میتونم یک col-md-5 رو توی بوت‌ استرپ به طور دقیق وسط صفحه قرار بدم؟

سلام برای اینکه یه col-md-5 رو به طور دقیق وسط صفحه قرار بدی میتونی از کلاس‌ های بوت‌استرپ ۵ استفاده کنی و با کلاس mx-auto برای ایجاد مارجین خودکار و کلاس d-flex برای تنظیم الاینمنت، ستونت رو وسط صفحه قرار بدی.

<div class="container">
    <div class="row">
        <div class="col-md-5 mx-auto d-flex">
            <!-- Your content here -->
        </div>
    </div>
</div>

mx-auto باعث میشه که ستون به طور خودکار در عرض ردیف وسط چین بشه، و d-flex باعث میشه که محتوای داخل ستون به طور مناسب تنظیم بشه

اگر بخوای که محتوای داخل ردیف رو هم به صورت افقی وسط چین کنی، میتونی از کلاس justify-content-center استفاده کنی.

<div class="container">
    <div class="row justify-content-center">
        <div class="col-md-5">
            <!-- Your content here -->
        </div>
    </div>
</div>

کلاس justify-content-center باعث میشه که تمامی ستون‌ ها داخل ردیف به طور افقی وسط چین بشن.