三叶草 发表于 2022-8-19 12:31:26

了解下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]
查看完整版本: 了解下Foundation 按钮组