Bootstrap 5 已移除 data-bs-toggle="button" 功能，点击不会切换 .active 类；需手动控制 class 或用 checkbox+label 模拟，CSS 应使用 .btn-primary.active 等具体选择器确保样式生效。
data-bs-toggle="button" 不是 bootstrap 5 的合法用法，加了也不会触发开关行为——它已被移除，且不被任何官方组件支持。
为什么 data-bs-toggle="button" 完全没反应
Bootstrap 5 彻底删除了 v4 中的 button toggle 插件，data-bs-toggle="button" 不在官方支持列表里。即使你写了，JS 不会监听、不注册事件、不切换 .active 类，DOM 也完全不动。
- 控制台不会报错，但点击后按钮外观和 class 都不变
- 哪怕同时写了
class="btn btn-primary"和data-bs-toggle="button"，也纯属无效属性 - 这不是加载顺序或 JS 未引入的问题，而是该功能本身已不存在
想实现点击切换 active 状态，该用什么
必须手动控制 .active 类，或者改用语义更合理、可访问性更好的替代方案。
- 最简方式：用原生
<input type="checkbox">+:checked+<label></label>模拟，配合 CSS 控制外观 - 若需 JS 控制，直接操作 class：
el.classList.toggle('active')，别依赖 data 属性 - 如果项目还在用 Bootstrap 4，才可能有
data-toggle="button"（注意是data-toggle，不是data-bs-toggle）
.btn.active 样式为啥经常不生效
即使你手动加了 .active 类，颜色还是不变，问题通常出在 CSS 优先级或覆盖逻辑上。
- Bootstrap 5 的
.btn-primary.active默认背景色是#0d6efd，但如果你只写了.btn.active { background: red; }，会被更具体的.btn-primary.active覆盖 - 别用
!important硬顶——应写成.btn-primary.active { background-color: #your-color; } - 确保没其他 CSS（比如框架、重置样式）把
.active的background设为transparent或unset
真正要注意的，不是怎么“启用”一个不存在的 toggle 功能，而是接受 Bootstrap 5 已将状态管理交还给开发者——按钮是否“按下”，得由你明确控制 class 或绑定状态变量，而不是指望 data 属性自动接管。
