- 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
广告