按钮组
基础类: btn-group 水平按钮组 btn-group-vertical 垂直按钮组 组合类:(按钮大小,单选) btn-group-lg 大号 btn-group-sm 小号 下拉菜单类: .dropdown-toggle 按钮<button>添加下拉箭头,添加菜单关联data-bs-toggle="dropdown" .dropdown-menu 菜单主体 .dropdown-item 菜单项
示例
水平按钮: <div class="btn-group"> <button class="btn btn-primary">按钮1</button> <button class="btn btn-primary">按钮2</button> <button class="btn btn-primary">按钮3</button> </div>垂直按钮: <div class="btn-group-vertical"> <button class="btn btn-primary">按钮1</button> <button class="btn btn-primary">按钮2</button> <button class="btn btn-primary">按钮3</button> </div>
内嵌下拉菜单: <div class="btn-group"> <button class="btn btn-primary">按钮1</button> <div class="btn-group"> <button class="btn btn-primary dropdown-toggle" data-bs-toggle="dropdown">按钮2</button> <div class="dropdown-menu"> <a class="dropdown-item" href="#">按钮2-1</a> <a class="dropdown-item" href="#">按钮2-2</a> </div> </div> </div>
![]()