BOOTSTRAP (Фиксированная шапка)

Ксения Порвина11 октября 2017 г.1 ответов

Я захотела шапку сайта, котрый мы верстали (КиноМонстр на BootStrap), сделать фиксированную (т.е., при скролинге сайта, что бы она всегда была видима вверху сайта). Для этого - задала навигатору клас .navbar-fixed-top. В итоге так и получилось, шапка стала фиксированной, НО верхушка контента (<div class="wrapper">) немного спряталась, как это исправить ?

1 ответов

Обычно, если шапка фикированная, в body задают padding-top в пикселях по ширине самой шапки. Для киномонстра можно дописать padding-top такой:

html, body {
    height: 100%;
    padding-top: 102px;
}

Пример фиксированного nav на официальном сайте Bootstrap, там задано через padding-top в body: https://getbootstrap.com/docs/3.3/examples/navbar-fixed-top/

Дмитрий Васюк27 июня 2026 г.▲ 3

Ваш ответ

Войдите, чтобы ответить