了解下Foundation 按钮组
导读Foundation 可以在同一行内创建一系列的按钮,可以使用<ul>元素并添加 .button-group 类来创建按钮组。按钮组Foundation 可以在同一行内创建一系列的按钮。可以使用<ul>元素并添加 .button-group 类来创建按钮组:
实例
Apple
Samsung
Sony垂直按钮组垂直按钮组使用 .stack 类来创建。注意,按钮会跨越父元素的整个宽度:
实例
Apple
Samsung
Sony.stack-for-small 类用于小尺寸的屏幕,按钮有水平排列变为垂直排列:
实例
Apple
Samsung
Sony圆角按钮组按钮组中使用 .radius 和 .round 类为按钮添加圆角效果:
实例
Apple均匀延展按钮组.even-num 类用于在按钮组中均匀的分配按钮的宽度并跨越父元素 100% 宽度。
num 为按钮组中按钮的数量,从 1 到 8:
实例
Apple
Samsung
Sony
Apple
Samsung
Sony
HTC
Huawei
ABCDEFGH下拉菜单按钮下拉菜单按钮可以让用户选取设定好的值:
实例 Dropdown Buttonhttp://blog.itpub.net/69955379/viewspace-2911129/
页:
[1]