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