چطور میتونم یک محتوا رو به وسط element با استفاده از بوت‌ استرپ انتقال بدم ؟

 <div class="container full-height d-flex align-items-center justify-content-center">
        <div class="text-center">
          <h1>یه سری متن برای هدر</h1>
          <p>امروز هوا چطوره</p>
        </div>
      </div>

container برای تنظیم عرض مناسب برای محتوا استفاده می‌شه
full-height برای تعیین ارتفاع کامل صفحه استفاده میشه که با 100vh تنظیم شده
d-flex برای فعال کردن Flexbox و align-items-center و justify-content-center برای وسط چین عمودی و افقی محتوا به کار میرن
text-center به محتوا این امکان رو میده که متن در وسط container قرار بگیره.
این روش با استفاده از Flexbox به راحتی می‌تونه بهت کمک کنه تا محتوای خودتو بیاری وسط