Подтвердить что ты не робот

Что делает navbar-static-top в Bootstrap 3?

В соответствии с документацией стартовой статической вершины Bootstrap 3,

Статический верх Создайте навигационную панель полной ширины, которая прокручивается со страницы, добавив .navbar-static-top и включив контейнер .container или .container-fluid в центр и разместив содержимое навигационной панели.

В отличие от классов .navbar-fixed- *, вам не нужно менять какие-либо дополнения на теле.

что делает этот метод? В приведенной выше документации мне кажется, что navbar фиксируется в верхней части экрана, даже когда я прокручиваю страницу вниз. Однако это то, что делает .navbar-fixed-top, и когда я использовал .navbar-fixed-top в своем приложении, он работает именно так, как я уже упоминал.

Однако, когда я писал .navbar-static-top в своем приложении, я не знаю, что отличает его от только .navbar-default. Кто-нибудь может помочь мне в разъяснении разницы и что делать .navbar-static-top?

4b9b3361

Ответ 1

navbar-static-top удаляет левую, правую и верхнюю границы, созданные navbar-default, чтобы она выглядела лучше в верхней части страницы, тогда как вы могли бы использовать только navbar-default в другом месте на странице...

navbar-static-top: http://bootply.com/129342

С другой стороны, navbar-fixed-top использует position:fixed. Если на странице находится контент, который находится ниже области просмотра (как на большинстве страниц), то navbar-fixed-top будет оставаться в верхней части, тогда как navbar-static-top будет прокручиваться. Поскольку элемент navbar-fixed-top фиксирован, он требует, чтобы тело имело padding-top, чтобы оно не накладывало содержимое страницы...

navbar-fixed-top: http://bootply.com/129345

Как вы можете видеть при прокрутке вниз в каждом примере, верхняя панель навигации реагирует по-разному.