按钮 Buttons
按钮用于在表单、对话框等场景中触发操作。Bootstrap 提供多种语义颜色、轮廓样式、尺寸、禁用与切换状态，并可用 <a>、<input> 等元素承载按钮外观。
基础颜色
八种语义色加上链接按钮，分别对应主要操作、次要操作、成功、危险、警告、说明等场景。
HTML 示例
轮廓按钮
把填充色换成 btn-outline-*，按钮只保留描边，视觉上更轻，适合密集操作区与次要动作。
HTML 示例
尺寸
添加 btn-lg 得到大按钮，添加 btn-sm 得到小按钮；也可以通过 CSS 变量自定义间距与字号。
HTML 示例
禁用与加载态
给 <button> 加 disabled 属性即可禁用；点击下方按钮会真实进入 loading 状态（spinner + 禁用），约 1.6 秒后自动还原。
HTML 示例
块级按钮
用 d-grid gap-2 工具类堆叠出全宽按钮；加上 d-md-block 后，桌面端自动变回横向排列。
HTML 示例
激活态切换
添加 data-bs-toggle="button" 即可点击切换按钮的 active 状态；预先激活需同时写 aria-pressed="true"。
HTML 示例