按钮组

按钮组可以将多个按钮成组展示。

使用方法

将多个 按钮 放置在 <div class="btn-group"> 内即可创建一个按钮组。

多组按钮

使用 CSS 工具类 .row 搭配 .gap-* 实现多组按钮效果。

尺寸

在 .btn-group 上配合使用工具类 size-* 来获得不同大小的按钮组。

外观

在按钮上加 CSS 工具类，以获得不同的按钮外观显示。

使用下拉菜单

可以在按钮组中使用下拉菜单，只需要将启用下拉菜单的按钮放置于按钮组中即可。

快速创建

批量创建

CSS 类

按钮提供了如下 CSS 类：

类	类型	作用
btn-group	实体类	元素作为按钮组组件
size-xs	工具类	按钮组使用超小号尺寸
size-sm	工具类	按钮组使用小号尺寸
size-lg	工具类	按钮组使用大号尺寸
size-xl	工具类	按钮组使用超大号尺寸

参考

• 按钮
• 下拉菜单