Bootstrap 提供了一种简单而强大的按钮组件，可以帮助开发者快速创建各种样式的按钮组。按钮组可以用于分组一组按钮，使其在视觉上更加统一和整洁。
创建按钮组
要创建一个按钮组，你可以使用 btn-group 类来包裹一组按钮。下面是一个简单的示例代码：
---- ------------------ ------- ------------- ---------- --------------- ---------- ------- ------------- ---------- ----------------- ---------- ------- ------------- ---------- --------------- ---------- ------
在这个示例中，我们创建了一个包含三个按钮的按钮组。每个按钮都有不同的样式类，分别为 btn-primary、btn-secondary 和 btn-success。
垂直按钮组
除了水平按钮组，Bootstrap 还支持垂直按钮组。要创建一个垂直按钮组，你可以使用 btn-group-vertical 类。下面是一个示例代码：
---- --------------------------- ------- ------------- ---------- -------------- ---------- ------- ------------- ---------- --------------- ---------- ------- ------------- ---------- ------------ ---------- ------
在这个示例中，我们创建了一个垂直按钮组，其中包含三个按钮。每个按钮都有不同的样式类，分别为 btn-danger、btn-warning 和 btn-info。
按钮组尺寸
Bootstrap 还提供了几种不同尺寸的按钮组，包括大、默认和小。你可以通过添加 btn-lg、btn-sm 和 btn-xs 类来设置按钮组的尺寸。下面是一个示例代码：
---- ------------------ ------- ------------- ---------- ----------- -------------------- ------- ------------- ---------- ---------------------------- ------- ------------- ---------- ----------- -------------------- ------
在这个示例中，我们创建了一个包含三个不同尺寸按钮的按钮组。大按钮使用 btn-lg 类，小按钮使用 btn-sm 类。
按钮组工具栏
按钮组还可以用于创建按钮组工具栏，可以用于放置一组操作按钮。要创建一个按钮组工具栏，你可以使用 btn-toolbar 类。下面是一个示例代码：
---- ------------------- -------------- -----------------
---- ----------------- ------------ --------------- ---
------- ------------- ---------- --------------- ----------
------- ------------- ---------- ----------------- ----------
------
---- ----------------- ------------ --------------- ---
------- ------------- ---------- --------------- ----------
------
------在这个示例中，我们创建了一个包含两个按钮组的按钮组工具栏。每个按钮组都有一个 role 属性来指定其在工具栏中的角色。
这就是关于 Bootstrap 按钮组的介绍，希望这部分内容能帮助你更好地理解如何使用 Bootstrap 创建各种样式的按钮组。