Bootstrap5按钮组：并排按钮组合使用技巧

Bootstrap5按钮组（Button Groups）用于将功能相关按钮并排排列，解决传统布局的间距、对齐和样式问题，无需手动CSS。核心用法如下： 基础水平按钮组：用`.btn-group`包裹按钮，按钮需加`.btn`类及颜色类（如`.btn-primary`），可加`role="group"`和`aria-label`提升无障碍性。 尺寸控制：外层容器加`.btn-group-sm`（小）、`.btn-group-lg`（大）控制整体尺寸。 垂直排列：用`.btn-group-vertical`替代`.btn-group`，按钮从上到下排列。 嵌套功能：支持内部嵌套下拉菜单，如`.btn-group`内包含`.dropdown`组件。 对齐方式：结合Flex类（如`.d-flex justify-content-center`）实现居中、靠右对齐。 注意事项：需正确使用类名，添加无障碍属性，避免过度嵌套。掌握后可高效构建清晰操作界面，提升开发效率。关键类名：`.btn-group`/`.btn-group-vertical`/`.btn-group-sm`/`.btn-group-lg`。