В этой главе давайте изучим navbar . Обычно он размещается в верхней части экрана и содержит заголовок страницы и элементы навигации.
Navbar состоит из трех частей, каждая из которых может содержать любой HTML-контент, но предлагается использовать их так, как указано ниже:
-
Слева — предназначена для размещения значков обратной ссылки или отдельной текстовой ссылки.
-
Центр — используется для отображения заголовка страницы или ссылок вкладки.
-
Справа — эта часть похожа на левую часть.
Слева — предназначена для размещения значков обратной ссылки или отдельной текстовой ссылки.
Центр — используется для отображения заголовка страницы или ссылок вкладки.
Справа — эта часть похожа на левую часть.
Следующая таблица демонстрирует использование navbar в деталях —
Базовая панель навигации может быть создана с использованием классов navbar , navbar-inner , left , center и right .
Чтобы использовать ссылки в левой и правой части панели навигации, просто добавьте тег <a> со ссылкой на класс.
Чтобы использовать несколько ссылок, просто добавьте еще несколько <a class = «link»> к выбранной вами части.
Ссылки могут быть снабжены значками и текстами, добавив классы для значков и обернув текст ссылки элементом <span> .
Ссылки на панели навигации могут быть снабжены только значками, добавив в ссылки только класс значков.
При инициализации View , framework7 позволяет вам использовать методы, доступные для navbar.
Панель навигации может быть скрыта / показана автоматически для некоторых страниц, загруженных Ajax, где панель навигации не требуется.