Foundation - 导航概述

描述

导航包含指向其他部分的链接,它由许多导航模式组成。以下是 Foundation 中可用的各种导航模式。

基本菜单

菜单用于构建许多导航组件。它可以以多种方式对齐,即垂直、水平或嵌套格式。我们将在菜单

一章中详细研究这一点。

顶部栏

顶部栏用于包裹所有菜单。它有助于在所有类型的屏幕上显示复杂的菜单栏,即小屏幕、大屏幕和中屏幕。我们将在顶部栏一章中详细研究这一点。

菜单插件

以下是三种类型的菜单插件,它们使用相同的标记为多个菜单创建不同的样式。

下拉菜单

下拉菜单插件用于在主菜单下创建子菜单。data-dropdown-menu 有助于将嵌套菜单转换为下拉菜单列表。我们将在下拉菜单一章中详细研究这一点。

下拉式菜单

下拉式菜单插件用于在主菜单中以滑块格式创建子菜单。 data-drilldown 有助于将嵌套菜单转换为滑动菜单列表。我们将在向下钻取菜单 一章中详细研究这一点。

手风琴菜单

手风琴菜单插件用于以折叠方式在主菜单中创建子菜单。data-accordion-menu 有助于将嵌套菜单转换为折叠菜单列表。我们将在手风琴菜单 一章中详细研究这一点。

响应式导航

响应式菜单插件在不同尺寸的屏幕上分配菜单。data-responsive-menu 用于将向下钻取菜单更改为大屏幕的下拉菜单。我们将在响应式导航一章中详细研究这一点。

foundation_navigation.html