Bootstrap 5 Modal 不显示？只需更新 data 属性名即可修复-php教程

bootstrap 5 移除了 jquery 依赖，将所有 data-* 属性前缀从 `data-toggle`/`data-target` 统一改为 `data-bs-toggle`/`data-bs-target`；若沿用旧写法，modal 将完全失效且无报错。

在 Bootstrap 5 中，JavaScript 组件（如 Modal、Dropdown、Collapse 等）不再通过 jQuery 初始化，而是使用原生 JavaScript + 自定义 data-bs-* 属性进行行为绑定。这是与 Bootstrap 4 的关键兼容性断点之一。

你原来的代码：

Create an account

虽然语义清晰，但 Bootstrap 5 的 JS 脚本完全忽略 data-toggle 和 data-target —— 它只监听 data-bs-toggle 和 data-bs-target。因此点击链接毫无响应，控制台也不会报错，极易被误判为“逻辑错误”或“CSS 隐藏”。

✅ 正确写法（Bootstrap 5+）：