Bootstrap5 按钮组

https://v5.bootcss.com/docs/components/button-group/

按钮组将一系列按钮组合在单行上或垂直堆叠。

要创建一个按钮组，只需将一系列具有.btn类的按钮包装在<div>元素中，然后在其上应用.btn-group类。还可以在单个按钮是应用.active类以指示活动状态。

基本的按钮组

例如：

在第一个按钮上添加.active类：

按钮组的大小

https://v5.bootcss.com/docs/components/button-group/#sizing

可以使用.btn-group-*来设置按钮组的大小，应用到整个按钮组的大小调整，而不需要对每个按钮进行大小调整。

例如，使用.btn-group-lg类：

添加.btn-group-sm类：

垂直按钮组

https://getbootstrap.com/docs/5.3/components/button-group/#vertical-variation

将类.btn-group类替换为.btn-group-vertical类，可以使按钮组垂直堆叠而不是水平显示。

例如：