چطور میتونم متن رو توی صفحه‌ های کوچک با بوت استرپ وسط‌ چین کنم؟

سلام برای وسط‌ چین کردن متن توی صفحه‌ های کوچک با بوت استرپ ، میتونی از کلاس‌های text-center و d-flex به همراه justify-content-center و align-items-center برای این کار استفاده کنی.

از کلاس text-center استفاده کن. این کلاس متن رو در عرض کانتینر وسط‌چین می‌کنه.

<div class="text-center">
  <p>متن وسط‌ چین شده</p>
</div>

اگر نیاز به وسط‌ چین کردن محتوا توی هر دو بعد افقی و عمودی داری، میتونی از کلاس‌های

d-flex, justify-content-center و align-items-center استفاده کنی.

<div class="d-flex justify-content-center align-items-center" style="height: 100vh;">
  <p>متن وسط‌چین شده</p>
</div>

تو اینجا از  height: 100vh برای تنظیم ارتفاع به اندازه ارتفاع کل صفحه استفاده کردیم، تا مطمئن بشیم که متن در وسط صفحه قرار بگیره.

با این روش‌ها میتونی متن رو به راحتی توی صفحه‌ های کوچیک و بزرگ وسط‌ چین کنی.