- 基礎通用
- 基礎 - 全域性樣式
- 基礎 - Sass
- 基礎 - JavaScript
- 基礎 - JavaScript 工具
- 基礎 - 媒體查詢
- 基礎 - 網格
- 基礎 - Flex 網格
- 基礎 - 表單
- 基礎 - 可見性類
- 基礎 - 基本排版
- 基礎 - 排版輔助
- 基礎 - 基本控制元件
- 基礎 - 導航
- 基礎 - 容器
- 基礎 - 媒體
- 基礎 - 外掛
- 基礎 SASS
- 基礎 - Sass 函式
- 基礎 - Sass 混合宏
- 基礎庫
- 基礎 - Motion UI
基礎 - 廚房水槽
描述
它包含了 Foundation 元素,以便於 Web 應用程式的順利執行。下表列出了一些 Foundation 元件:
| 序號 | 元件及描述 |
|---|---|
| 1 |
手風琴
手風琴包含垂直選項卡,用於網站上展開和摺疊大量資料。 |
| 2 |
手風琴選單
它以手風琴效果顯示可摺疊選單。 |
| 3 |
徽章
徽章類似於標籤,用於突出顯示資訊,例如重要提示和訊息。 |
| 4 |
麵包屑
它在導航層次結構中指定網站的當前位置。 |
| 5 |
按鈕
Foundation 支援具有不同樣式的標準按鈕。 |
| 6 |
提示框
提示框是一個元素,可用於放置內容。 |
| 7 |
關閉按鈕
它用於關閉警報框。 |
| 8 |
下拉選單
下拉選單將巢狀列表更改為垂直下拉選單。 |
| 9 |
下拉選單
下拉選單用於以列表格式顯示連結。 |
| 10 |
下拉麵板
單擊按鈕時,下拉麵板會顯示內容。 |
| 11 |
Flex 影片
它用於在網頁中建立影片物件。 |
| 12 |
浮動類
它用於向 HTML 元素新增實用程式類。 |
| 13 |
表單
它用於建立表單佈局以收集使用者輸入。 |
| 14 |
標籤
標籤是內聯樣式,用於定義輸入元素的標籤。 |
| 15 |
媒體物件
它用於新增媒體物件,例如影像、影片、部落格評論等,這些物件可以放置在內容塊的左側或右側。 |
| 16 |
選單
它提供對網站中不同模式的訪問。 |
| 17 |
分頁
它是一種導航型別,將內容劃分為一系列相關的頁面。 |
| 18 |
滑塊
透過拖動滑塊來指定值的範圍。 |
| 19 |
開關
它用於在開啟和關閉狀態之間切換。 |
| 20 |
表格
它以行和列格式表示資料。 |
| 21 |
選項卡
它是一個基於導航的選項卡,用於在不同的窗格中顯示內容,而無需離開頁面。 |
| 22 |
縮圖
它以縮圖形狀設定影像的樣式。 |
| 23 |
標題欄
它用於顯示使用者使用的當前螢幕以及其他選單項。 |
| 24 |
工具提示
當您將滑鼠懸停在連結上時,它是一個描述資訊的小彈出框。 |
| 25 |
頂部欄
它用於在網站中建立導航標題。 |
| 26 | 軌道
它是一個簡單而強大的滑塊,使用 orbit 類滑動元素。 |
廣告