Foundation - 按鈕組



說明

它們是相應動作元素的容器。當某個動作組顯示在條形中時,效果很好。

下表列出了 Foundation 中的按鈕組

序號 按鈕組和說明
1 基礎

可以使用 .button-group 在容器內放置任意數量的按鈕。

2 調整大小

可以使用標準按鈕對按鈕組進行調整大小。

3 著色

按鈕組中的每個按鈕都可以單獨著色,或者可以使用相同的類對每個按鈕著色。

4 寬度相等的組

.expanded 類可用於使按鈕自動變為滿屏。

5 堆疊

可以使用 .stacked 類或僅用於小螢幕的 .stack-for-small 類堆疊按鈕。

6 拆分按鈕

要建立拆分按鈕,必須新增 .arrow-only 類並建立兩個按鈕的按鈕組。

7 SASS 參考

可以使用 SASS 參考更改元件的樣式。

foundation_basic_controls.htm
廣告
© . All rights reserved.