Foundation - 按钮组



说明

它们是相应动作元素的容器。当某个动作组显示在条形中时,效果很好。

下表列出了 Foundation 中的按钮组

序号 按钮组和说明
1 基础

可以使用 .button-group 在容器内放置任意数量的按钮。

2 调整大小

可以使用标准按钮对按钮组进行调整大小。

3 着色

按钮组中的每个按钮都可以单独着色,或者可以使用相同的类对每个按钮着色。

4 宽度相等的组

.expanded 类可用于使按钮自动变为满屏。

5 堆叠

可以使用 .stacked 类或仅用于小屏幕的 .stack-for-small 类堆叠按钮。

6 拆分按钮

要创建拆分按钮,必须添加 .arrow-only 类并创建两个按钮的按钮组。

7 SASS 参考

可以使用 SASS 参考更改组件的样式。

foundation_basic_controls.htm
广告