评论

收藏

[Linux] 了解下Foundation 按钮组

服务系统 服务系统 发布于:2022-08-19 12:31 | 阅读数:470 | 评论:0

导读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
 
  A  B  C  D  E  F  G  H
下拉菜单按钮下拉菜单按钮可以让用户选取设定好的值:
实例
Dropdown Button
关注下面的标签,发现更多相似文章