data-bs-delay 无效通常因 data-bs-autohide="false" 导致自动隐藏被禁用；动态创建 Toast 应用 JS 初始化传 delay 参数；Bootstrap 无全局延时配置，需封装工厂函数；进度条与延时不一致是 5.2 及更早版本 Bug，需升级或禁用进度条。
data-bs-delay 属性改时间但没反应？检查是否禁用了 autohide
toast 不按 data-bs-delay 延时关闭，大概率是因为设置了 data-bs-autohide="false" 或压根没启用自动隐藏。bootstrap 5.3+ 默认开启自动隐藏（data-bs-autohide="true"），所以只需确保这个属性没被显式关掉。
常见错误是：为了支持手动关闭，顺手加了 data-bs-autohide="false"，结果自动延时逻辑直接失效 —— 这两者不是互斥的，而是可以共存的。
-
data-bs-delay="5000+data-bs-autohide="true"（或省略）→ 5 秒后自动调用hide() -
data-bs-delay="5000+data-bs-autohide="false"→ 延时值被忽略，不会自动关闭 - 不写
data-bs-delay→ 使用默认 5000ms（5 秒）
JS 初始化时传 delay 参数，比 HTML 属性更灵活
如果 Toast 是动态创建的（比如在 Vue/React 中通过 JS 插入 DOM），靠 HTML 属性容易漏掉或覆盖。此时推荐用 JS 初始化时传参，避免依赖属性解析时机。
正确写法是用 bootstrap.Toast.getOrCreateInstance()，而不是 new bootstrap.Toast()，防止重复实例导致定时器错乱：
const toastEl = document.querySelector('#my-toast');
const toast = bootstrap.Toast.getOrCreateInstance(toastEl, {
delay: 2000 // 单位毫秒，优先级高于 data-bs-delay
});
toast.show();
注意：delay 是 JS 初始化选项，不是 HTML 属性名；它会覆盖 data-bs-delay 的值，且对已存在的实例也生效（只要没销毁）。
全局修改默认延时时间？Bootstrap 原生不支持，得自己封装
Bootstrap 没有类似 Toast.defaults.delay 的全局配置项。所有 Toast 实例都各自读取自己的 data-bs-delay 或初始化参数。
如果你项目里大量使用 Toast，又希望统一改成 3 秒，默认不改源码的话，建议封装一个工厂函数：
function createToast(el, options = {}) {
return bootstrap.Toast.getOrCreateInstance(el, {
delay: 3000,
...options
});
}
这样既避免重复写 delay: 3000，又能保留单个 Toast 覆盖的能力（比如某个重要提示设成 delay: 8000）。
进度条时间与实际关闭时间不一致？那是老版本 Bug
部分 Bootstrap 5.2 及更早版本中，Toast 内置进度条动画时长和 data-bs-delay 不同步 —— 比如设 delay="2000"，进度条只走一半就消失了。这不是配置错误，而是已知渲染逻辑缺陷。
解决方案只有两个：
- 升级到 Bootstrap 5.3+（官方已在 PR #171 中修复该问题）
- 禁用进度条，改用纯 CSS 动画或完全移除进度条结构
别试图用 CSS 覆盖进度条动画时长来“对齐”，底层定时器和 DOM 渲染节奏不同步，强行匹配反而更容易出竞态。
