اعمال نشدن کلاس بوت استرپ

در قسمت 33، آموزش ساخت وبسایت شخصی، بخش main کلاس های top-50 و start-50 به div مربوط به بخش معرفی اعمال نمی شوند پوزیشن ها رو هم همان طور که گفتید قرار دادم ولی باز هم div مربوطه میره زیر header آخر ناچار شدم دستی برم با css تو فایل css درست کنم و مشکل رو برطرف کنم.

<div class="w-100 h-100 position-relative">

            <div class="position-absolute w-75 start-50 top-50 translate-middle text-light text-center">

                <p class="h2">سید محمد حسن مجیدی کیوی</p>

                <p class="h4">توسعه دهنده وب</p>

                <hr class="text-success">

                <hr class="text-success">

                <ul class="list-unstyled d-flex justify-content-center fs-3">

                    <li><a href="#">

                        <i class="bi bi-whatsapp text-success p-3"></i>

                    </a></li>

                    <li><a href="#">

                        <i class="bi bi-facebook text-primary p-3"></i>

                    </a></li>

                    <li><a href="#">

                        <i class="bi bi-telegram text-info p-3"></i>

                    </a></li>

                </ul>

            </div>

        </div>