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