按钮组
按钮组可以将多个按钮成组展示。
使用方法
将多个 按钮 放置在 <div class="btn-group">
内即可创建一个按钮组。
多组按钮
使用 CSS 工具类 .row
搭配 .gap-*
实现多组按钮效果。
尺寸
在 .btn-group
上配合使用工具类 size-*
来获得不同大小的按钮组。
外观
在按钮上加 CSS 工具类,以获得不同的按钮外观显示。
使用下拉菜单
可以在按钮组中使用下拉菜单,只需要将启用下拉菜单的按钮放置于按钮组中即可。
CSS 类
按钮提供了如下 CSS 类:
类 | 类型 | 作用 |
---|---|---|
btn-group | 实体类 | 元素作为按钮组组件 |
size-xs | 工具类 | 按钮组使用超小号尺寸 |
size-sm | 工具类 | 按钮组使用小号尺寸 |
size-lg | 工具类 | 按钮组使用大号尺寸 |
size-xl | 工具类 | 按钮组使用超大号尺寸 |