- 基础概述
- 基础 - 全局样式
- 基础 - Sass
- 基础 - JavaScript
- 基础 - JavaScript 工具函数
- 基础 - 媒体查询
- 基础 - 网格系统
- 基础 - Flex 网格
- 基础 - 表单
- 基础 - 可见性类
- 基础 - 基本排版
- 基础 - 排版辅助类
- 基础 - 基本控件
- 基础 - 导航
- 基础 - 容器
- 基础 - 媒体
- 基础 - 插件
- 基础 Sass
- 基础 - Sass 函数
- 基础 - Sass Mixin
- 基础库
- 基础 - Motion UI
基础 - 导航概述
描述
导航包含指向其他章节的链接,它包含许多导航模式。以下是 Foundation 中可用的各种导航模式。
基本菜单
菜单用于构建许多导航组件。它可以以多种方式对齐,即垂直、水平或嵌套格式。我们将在章节菜单中详细学习。
顶部栏
顶部栏用于包裹所有菜单。它有助于在各种屏幕(即小屏幕、大屏幕和中等屏幕)上显示复杂的菜单栏。我们将在章节顶部栏中详细学习。
菜单插件
以下是三种类型的菜单插件,它们使用相同的标记为多个菜单创建不同的样式。
下拉菜单
下拉菜单插件用于在主菜单下方创建子菜单。data-dropdown-menu有助于将嵌套菜单转换为下拉菜单列表。我们将在章节下拉菜单中详细学习。
层叠菜单
层叠菜单插件用于以滑块格式在主菜单中创建子菜单。data-drilldown有助于将嵌套菜单转换为滑动菜单列表。我们将在章节层叠菜单中详细学习。
手风琴菜单
手风琴菜单插件用于以折叠方式在主菜单中创建子菜单。data-accordion-menu有助于将嵌套菜单转换为折叠菜单列表。我们将在章节手风琴菜单中详细学习。
响应式导航
响应式菜单插件根据不同屏幕尺寸分配菜单。data-responsive-menu用于在大屏幕上将层叠菜单更改为下拉菜单。我们将在章节响应式导航中详细学习。
foundation_navigation.htm
广告