Bootstrap 5 官方明确不支持 IE9 及以下版本，IE10 为勉强运行边界但大量组件静默失效；IE11 需手动补 polyfill，且 data-bs-toggle 等特性在旧 Safari/IE11 中常返回 null，CSS 变量和 Flex/Grid 行为亦不可靠。
Bootstrap 官方明确不支持 IE9 及以下版本；IE10 是最低可“勉强运行”的边界，但大量交互组件（如 data-bs-toggle、position: sticky）会静默失效，且无错误提示。
查官方文档的浏览器支持列表
别猜，直接看 Bootstrap 5.x 的 Browsers and devices 页面——它只列出 Chrome、Firefox、Safari、Edge 的最低支持版本，**完全不提 IE**。这是关键信号：IE 已被移出支持范围。如果你项目里还看到 IE 8–10 字样，那基本是 Bootstrap 3 的旧文档，不是当前版本。
验证 data-bs-* 属性是否生效
Bootstrap 5 彻底弃用 data-toggle，改用 data-bs-toggle。但在 Safari 11 或 IE11 中，Element.getAttribute('data-bs-toggle') 会返回 null，JS 插件根本读不到配置，导致模态框打不开、下拉菜单点不动。这不是代码写错了，是浏览器 DOM API 实现缺失。
- 用 DevTools 的 Console 执行
document.querySelector('button[data-bs-toggle]').getAttribute('data-bs-toggle')，返回null就确认失效 - IE11 需手动补
Element.prototype.matches和CustomEventpolyfill - Safari 11 及更早必须在入口加
import 'core-js/stable'，否则querySelectorAll等方法不可用
检查 CSS 变量和 Flex/Grid 行为
Bootstrap 5 大量依赖 CSS 自定义属性（如 --bs-primary）和现代布局语法。旧版 Safari（11.1 前）、IE11 对这些特性支持极差：
-
color: var(--bs-primary)在 Safari 11.0 中会被整条忽略，文字变透明或继承默认色——必须写成color: #0d6efd; color: var(--bs-primary) -
display: grid在 Safari 10.1–12.1 中有严重塌陷 bug，子项宽度计算错误；改用display: flex+flex-wrap: wrap更稳 -
position: sticky在 iOS Safari 中对bottom方向几乎无效，且父容器带overflow-y: hidden或transform时直接退化为static
别信本地 file:// 协议下的测试结果
很多兼容性问题（尤其是 respond.js、html5shiv、跨域加载的 polyfill）在直接双击 HTML 文件打开时必然失败——因为浏览器限制了 file:// 下的脚本执行权限和跨域策略。你看到“正常”，只是假象。
- 必须起本地服务：用
npx serve、python3 -m http.server或 VS Code Live Server 插件 - IE 测试务必关掉“兼容性视图”，F12 开发者工具里确认“文档模式”显示为
Edge，不是7或8 - CDN 引入的
respond.js在 IE8 下大概率不工作，必须下载到本地同域部署
真正麻烦的从来不是“能不能跑”，而是“静默失效”：没报错、没警告、界面看起来差不多，但点击没反应、滚动不粘滞、颜色全错——这些才是线上环境最耗时间排查的点。
