Что означают свойства navbar-collapse, navbar-header и navbar-toggle?
Что означают свойства navbar-collapse, navbar-header и navbar-toggle? В уроке я объяснения не нашёл, и на официальном сайте Bootstrap тоже про них ничего не говорится, только показывается.
2 ответов
navbar-toggle - это такая пипка с полосками, на которую можно нажимать, когда разрешение экрана маленькое. К navbar-toggle добавляется класс collapsed, если меню не раскрыто, если нажать на меню, класс collapsed убирается с помощью javascript.
Чтобы меню сворачивалось и разворачивалось, нужна javascript библиотека collapse.js, это одна из зависимостей bootstrap, которая подключается вместе с bootstrap:
https://getbootstrap.com/docs/3.4/javascript/#collapse
Достаточно открыть инструменты разработчика в браузере, тыкнуть стрелкой на элемент навигации и посмотреть, какие классы добавляются.
Все классы bootstrap для navbar есть в документации:
Спасибо, теперь понял.