- 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 Mixin
- Foundation 庫
- Foundation - Motion UI
- Foundation 有用資源
- Foundation - 快速指南
- Foundation - 有用資源
- Foundation - 討論
Foundation - 按鈕組
說明
它們是相應動作元素的容器。當某個動作組顯示在條形中時,效果很好。
下表列出了 Foundation 中的按鈕組
| 序號 | 按鈕組和說明 |
|---|---|
| 1 | 基礎
可以使用 .button-group 在容器內放置任意數量的按鈕。 |
| 2 | 調整大小
可以使用標準按鈕對按鈕組進行調整大小。 |
| 3 | 著色
按鈕組中的每個按鈕都可以單獨著色,或者可以使用相同的類對每個按鈕著色。 |
| 4 | 寬度相等的組
.expanded 類可用於使按鈕自動變為滿屏。 |
| 5 | 堆疊
可以使用 .stacked 類或僅用於小螢幕的 .stack-for-small 類堆疊按鈕。 |
| 6 | 拆分按鈕
要建立拆分按鈕,必須新增 .arrow-only 類並建立兩個按鈕的按鈕組。 |
| 7 | SASS 參考
可以使用 SASS 參考更改元件的樣式。 |
foundation_basic_controls.htm
廣告