- 基礎概述
- 基礎 - 全域性樣式
- 基礎 - 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
廣告