Navbars（Navbars）
优质
小牛编辑
129浏览
2023-12-01
描述 (Description)
在本章中，让我们研究一下navbar 。 它通常位于包含页面标题和导航元素的屏幕顶部。
Navbar由三部分组成，每部分可能包含任何HTML内容，但建议您按照以下方式使用这些部分 -
Left - 它旨在放置link图标或单个文本链接。
Center - 用于显示页面标题或标签链接。
Right - 这部分类似于left部分。
下表详细介绍了navbar的使用 -
| S.No | 导航类型和描述 |
|---|---|
| 1 | 基本导航栏 可以使用navbar ， navbar-inner navbar ， navbar-inner ， left ， center和right类创建基本导航栏。 |
| 2 | 带有链接的Navbar 要使用导航栏left和right部分中的链接，只需添加带有类link 《a》标记即可。 |
| 3 | 多个链接 要使用多个链接，只需在您选择的部分添加更多《a class = "link"》 。 |
| 4 | 与文本和图标的链接 通过添加图标类并使用《span》元素包装链接文本，可以为链接提供图标和文本。 |
| 5 | 仅与图标链接 通过向链接添加仅图标类，可以仅为图标提供导航栏链接。 |
| 6 | 相关的应用和视图方法 在初始化View ，framework7允许您使用navbar可用的方法。 |
| 7 | 自动隐藏导航栏 对于某些不需要导航栏的Ajax加载页面，可以自动隐藏/显示导航栏。 |