Bootstrap 4到Bootstrap 5最核心的变化是什么

Bootstrap 5 彻底移除 jQuery 依赖，所有组件重写为原生 JS，Popper 升级至 v2，栅格、间距、Flex 工具类逻辑变更，组件 API 和 HTML 结构不兼容 v4，Sass 强制使用 Dart Sass 且变量命名调整。jQuery 依赖被彻底移除Bootstrap 5 不再内置任何 jQuery 调用，所有 JS 组件（Modal、Dropdown、Toast 等）全部重写为原生 JavaScript。这意味着你以前写的 $(selector).modal('show') 会直接报错：TypeError: $ is not a function。必须把所有 $(...) 写法替换成原生 DOM 操作或 Bootstrap 的 ES 模块 API，例如：new bootstrap.Modal(document.getElementById('myModal')).show()如果你项目中还混用 jQuery（比如其他插件依赖它），可以保留 jQuery，但 Bootstrap 自身不再需要它——别再把它当作 Bootstrap 运行前提Popper.js 也从 v1 升级到 v2，如果手动调用 Popper.createPopper()，参数签名已变，需检查 placement、modifiers 等字段是否适配栅格类和间距工具大幅简化Bootstrap 5 把响应式前缀逻辑收口，.col-md-4 这类写法依然可用，但默认断点行为变了：现在 .col-6 表示“在所有尺寸下占一半”，而不再是“仅在超小屏生效”；同时废弃了 .col-xs-*（v4 中已弃用，v5 彻底删除）。form-group 类被移除，改用间距工具替代，例如 mb-3 替代原来的包裹容器间距单位统一基于 rem，且默认 $spacer = 1rem，如果你覆盖了 Sass 变量但没同步更新 $spacers map，会导致 mt-5、px-4 等类失效或缩放异常Flex 工具类更激进：d-flex 默认启用 flex-wrap: wrap，而 v4 是 nowrap；如需禁用换行，得显式加 flex-nowrap组件 API 和 HTML 结构不向后兼容很多常用组件的初始化方式、data 属性、甚至必要 HTML 结构都变了。不是“换个类名就行”，而是底层交互逻辑重构了。 唱鸭 音乐创作全流程的AI自动作曲工具，集 AI 辅助作词、AI 自动作曲、编曲、混音于一体