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`。