перепробовал много тем наТАК а также этоодин но не мог сделать это. Я пытаюсь сделать один фиксированный navbar сверху с начальной загрузкой 4. Но похоже, что navbar смещается к вершине. Я попытался, добавив отступ вcss как предполагает и официальный документ, но контент смещается, а не фиксированный навабар. Вот изображение панели навигации по умолчанию

И это фиксированное изображение Navbar, которое я получаюЯ не знаю, что мне не хватает в этом. Вот код

<nav class="navbar fixed-top navbar-light bg-light">
        <div class="collapse navbar-collapse" id="navbarNav">
            <ul class="navbar-nav">
                <li class="nav-item-active">
                    <a class="nav-link" href="#/">Home<span class="sr-only">(current)</span></a>
                </li>
                <li class="nav-item">
                    <a class="nav-link" href="#/product">Products</a>
                </li>
                <li class="nav-item">
                    <a class="nav-link" href="#/services">Services</a>
                </li>
                <li class="nav-item">
                    <a class="nav-link" href="#/career">Career</a>
                </li>
                <li class="nav-item">
                    <a class="nav-link" href="#/contact">Contact Us</a>
                </li>
            </ul>
        </div>
    </nav>

Любая помощь в этом?