Почему не работает navbar-fixed-top [Bootstrap 3]?

Question

[orange_blue]

HTML

<!-- Навигация -->
<div id="bootstrap-menu" class="navbar navbar-default navbar-fixed-top" role="navigation">
    <div class="container-fluid">
        <div class="navbar-header"><a class="navbar-brand" href="#">Site</a>
            <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-menubuilder"><span class="sr-only">Toggle navigation</span><span class="icon-bar"></span><span class="icon-bar"></span><span class="icon-bar"></span>
            </button>
        </div>
        <div class="collapse navbar-collapse navbar-menubuilder">
            <ul class="nav navbar-nav navbar-left">
                <li><a href="#Portfolio">Пункт 1</a>
                </li>
                <li><a href="#Benefits">Пункт 2</a>
                </li>
                <li><a href="#Reviews">Пункт 3</a>
                </li>
                <li><a href="#MakeOrder">Пункт 4</a>
                </li>
                <li><a href="#">Телефон</a>
                </li>
            </ul>
        </div>
    </div>
</div>

CSS

/* Навигация */
#bootstrap-menu.navbar-default .navbar-brand {
    color: rgba(255, 255, 255, 1);
}
#bootstrap-menu.navbar-default {
    font-size: 24px;
    background-color: rgba(204, 0, 0, 1);
    border-bottom-width: 0px;
}
#bootstrap-menu.navbar-default .navbar-nav>li>a {
    color: rgba(255, 255, 255, 1);
    background-color: rgba(204, 0, 0, 1);
}
#bootstrap-menu.navbar-default .navbar-nav>li>a:hover,
#bootstrap-menu.navbar-default .navbar-nav>li>a:focus {
    color: rgba(204, 0, 0, 1);
    background-color: rgba(255, 255, 255, 1);
}
#bootstrap-menu.navbar-default .navbar-nav>.active>a,
#bootstrap-menu.navbar-default .navbar-nav>.active>a:hover,
#bootstrap-menu.navbar-default .navbar-nav>.active>a:focus {
    color: rgba(204, 0, 0, 1);
    background-color: rgba(255, 255, 255, 1);
}
#bootstrap-menu.navbar-default .navbar-toggle {
    border-color: #ffffff;
}
#bootstrap-menu.navbar-default .navbar-toggle:hover,
#bootstrap-menu.navbar-default .navbar-toggle:focus {
    background-color: #ffffff;
}
#bootstrap-menu.navbar-default .navbar-toggle .icon-bar {
    background-color: #ffffff;
}
#bootstrap-menu.navbar-default .navbar-toggle:hover .icon-bar,
#bootstrap-menu.navbar-default .navbar-toggle:focus .icon-bar {
    background-color: #cc0000;
}

Answer 1

[nikfakel]

Вангую

Body padding required

Bootstrap

Comments

[orange_blue]

Прописывал body PADDING-TOP: 100px и 40px пробовал. Ничего не прилипает к верху..(

[nikfakel]

orange_blue: Make sure to include this after the core Bootstrap CSS. мб это? ссылку бы... если на локалке, выложите в какой нить jsfiddle

[orange_blue]

nikfakel: А как понять после Ядра Bootstrap CSS? У меня вот так (Просто в CSS файле шапки):
body {
font-family: sans-serif;
font-size: 16px;
min-width: 320px;
position: relative;
line-height: 1.6;
font-family: "RobotoRegular", sans-serif;
overflow-x: hidden;
height: 2000px;
padding-top: 100px;
}

[nikfakel]

orange_blue: после подключения файла стилей бутстрапа

Answer 2

[alekssamos]

Я знаю, что прошло больше трёх лет этому вопросу,
тоже хотел так сделать, думаю, если navbar-fixed, должен там быть всегда, но нет.
Я решил это добавив ещё один класс sticky-top

Смотри https://bootstrap-4.ru/docs/4.0/components/navbar/
раздел Размещение.