- Foundation 通用
- Foundation - 全局样式
- Foundation - Sass
- Foundation - JavaScript
- Foundation - JavaScript 实用工具
- Foundation - 媒体查询
- Foundation - 网格
- Foundation - Flex 网格
- Foundation - 表单
- Foundation - 可视化类
- Foundation - 基础排版
- Foundation - 排版助手
- Foundation - 基本控件
- Foundation - 导航
- Foundation - 容器
- Foundation - 媒体
- Foundation - 插件
- Foundation SASS
- Foundation - Sass 函数
- Foundation - Sass 混入
- Foundation 库
- Foundation - Motion UI
- Foundation 有用资源
- Foundation - 快速指南
- Foundation - 有用资源
- Foundation - 讨论
Foundation - 导航菜单
描述
菜单用于构建许多导航组件。它可以以多种方式对齐，即垂直、水平或嵌套格式。
下表描述了不同类型的菜单及其描述。
| 序号。 | 类型和描述 |
|---|---|
| 1 | 基本菜单
菜单默认水平方向。 |
| 2 | 项目对齐
项目对齐用于将菜单栏对齐在页面的左侧或右侧。 |
| 3 | 垂直菜单
菜单可以垂直显示。 |
| 4 | 简单样式
.simple 类被包含在菜单中以创建一个简单的菜单栏。 |
| 5 | 嵌套样式
嵌套样式正在主菜单中创建子菜单。 |
| 6 | 图标
菜单项还可以包含图标。可以通过添加元素 <i> 来包含图标。 |
| 7 | Sass 引用
使用 SASS 变量和混入更改组件的样式。 |
foundation_navigation.htm
广告