Foundation 中文手册
/Foundation 按钮组
Foundation 按钮组
按钮组
Foundation 可以在同一行内创建一系列的按钮。
可以使用.button-group类来创建按钮组：
垂直按钮组
垂直按钮组使用.stack类来创建。注意，按钮会跨越父元素的整个宽度:
.stack-for-small类用于小尺寸的屏幕，按钮有水平排列变为垂直排列：
实例
Foundation 实例 垂直按钮组
.stack-for-small 类用于小尺寸的屏幕，按钮有水平排列变为垂直排列(重置窗口大小查看效果)：
运行实例 »
点击 "运行实例" 按钮查看在线实例
圆角按钮组
按钮组中使用.radius和.round类为按钮添加圆角效果：
均匀延展按钮组
.even-num类用于在按钮组中均匀的分配按钮的宽度并跨越父元素 100% 宽度。
num为按钮组中按钮的数量，从 1 到 8：
下拉菜单按钮
下拉菜单按钮可以让用户选取设定好的值：
实例解析
.dropdown类创建一个下拉菜单按钮。
使用带有data-dropdown="id"属性的按钮或链接打开下拉菜单。
id值需要与下拉菜单的内容 (id01) 匹配。
在.f-dropdown类和data-dropdown-content属性来创建下拉菜单的内容。
最后初始化 Foundation JS。
分割按钮
我们也可以创建一个分割按钮的下拉菜单。只需要在按钮中添加.split类并使用 span 元素生成一个方向箭的按钮：
 |
提示:后面的教程中我们将学到更多关于下拉菜单是知识。 |
|---|