📅 最后修改于: 2020-10-25 02:46:15 🧑 作者: Mango
在本章中，让我们研究一下navbar 。通常将其放置在包含页面标题和导航元素的屏幕顶部。
Navbar由三个部分组成，每个部分都可以包含任何HTML内容，但是建议您按照以下给出的方式使用它们-
左-旨在放回链接图标或单个文本链接。
居中-用于显示页面标题或标签链接。
右-此部分与左部分相似。
下表详细演示了navbar的用法-
| S.No | Navbar Types & Description |
|---|---|
| 1 | Basic navbar
A basic navbar can be created by using the navbar, navbar-inner, left, center and right classes. |
| 2 | Navbar with links
To use links in left and right part of your navbar, just add tag with class link. |
| 3 | Multiple links
To use multiple links, just add few more to the part of your choice. |
| 4 | Links with text and icons
The links can be provided with icons and texts by adding classes for icons and wrapping the link text with element. |
| 5 | Links with only icons
Navbar links can be provided with only icons by adding icon-only class to links. |
| 6 | Related app and view methods
On initializing the View, framework7 allows you to use methods available for navbar. |
| 7 | Hide navbar automatically
The navbar can be hidden/shown automatically for some Ajax loaded pages where navbar is not required. |