- 基础通用
- 基础 - 全局样式
- 基础 - Sass
- 基础 - JavaScript
- 基础 - JavaScript 工具函数
- 基础 - 媒体查询
- 基础 - 网格系统
- 基础 - Flex 网格
- 基础 - 表单
- 基础 - 可见性类
- 基础 - 基本排版
- 基础 - 排版辅助类
- 基础 - 基本控件
- 基础 - 导航
- 基础 - 容器
- 基础 - 媒体
- 基础 - 插件
- 基础 Sass
- 基础 - Sass 函数
- 基础 - Sass Mixin
- 基础库
- 基础 - Motion UI
基础 - 导航
描述
Foundation 提供了几种不同的导航元素样式选项。许多简单的导航模式都已捆绑;它可以集成到表单中,以形成强大的响应式导航解决方案。
下表描述了不同类型的导航及其说明。
序号 | 类型和描述 |
---|---|
1 | 导航概述
导航包含指向其他部分的链接,并包含许多导航模式。 |
2 | 菜单
菜单用于构建许多导航组件。 |
3 | 下拉菜单
下拉菜单插件用于在主菜单下方创建子菜单。 |
4 | 层叠菜单
层叠菜单插件用于以滑块格式在主菜单中创建子菜单。 |
5 | 手风琴菜单
它显示具有手风琴效果的可折叠菜单,并使用手风琴菜单插件提供自动折叠支持。 |
6 | 顶部栏
顶部栏有助于轻松地在不同尺寸的屏幕上显示复杂的导航栏。 |
7 | 响应式导航
响应式菜单插件根据屏幕大小调整菜单布局。 |
8 | Magellan
Magellan 创建一个固定位置的导航,它根据滚动位置自动跟踪页面上的导航列表。 |
9 | 分页
分页(一个无序列表)由 Bootstrap 处理,就像许多其他界面元素一样。 |
10 | 面包屑
面包屑指定站点在导航层次结构中的当前位置。 |
广告