最可靠方法是查看 bootstrap.min.js 文件头部注释,如“/! Bootstrap v5.3.8 */”;其次可执行 console.log(bootstrap?.VERSION) 获取版本号,或检查 DOM 中是否存在 data-bs-toggle 等带 bs- 前缀的属性以判断是否为 Bootstrap 5+。

直接看 bootstrap.min.js 文件头部注释
打开浏览器开发者工具(F12),切换到 Network 标签页,刷新页面,筛选出 bootstrap.min.js 或 bootstrap.bundle.min.js。点击该文件,在右侧 Response 面板里找最开头几行——通常第一行就是带版本号的注释,例如:/*! * Bootstrap v5.3.8 (https://getbootstrap.com) */
这是最可靠、无需额外依赖的方法,连本地没源码、没构建配置的线上项目也能用。
检查全局 bootstrap 对象的 VERSION 属性
在控制台(Console)中执行以下代码即可获取当前加载的版本:
console.log(bootstrap?.VERSION)
注意前提条件:
- 必须已成功加载 Bootstrap 的 JS(非仅 CSS)
- Bootstrap 4 及以上才暴露
bootstrap全局对象;Bootstrap 3 不提供该属性,会返回undefined - 若使用模块化引入(如 ES import 或 Webpack),需确认是否挂载到了
window上;未挂载则此方法失效
通过 data-bs-* 属性判断是否为 Bootstrap 5+
Bootstrap 5 起统一将所有 data- 属性加了 bs- 前缀,比如 data-toggle → data-bs-toggle,data-dismiss → data-bs-dismiss。打开任意一个使用了下拉菜单或模态框的 HTML 元素,右键「检查」,观察其属性:
- 若存在
data-bs-*形式,基本可确定是 Bootstrap 5+(含 5.0–5.3.x) - 若仍是
data-toggle、data-target等无前缀写法,大概率是 Bootstrap 4 或更早 - Bootstrap 3 中部分组件甚至用
data-*="..."配合 jQuery 插件手动初始化,不依赖统一属性规范
查 document.querySelector 是否返回 bootstrap.Modal 构造函数
Bootstrap 5 彻底移除 jQuery 依赖,所有组件以原生类形式暴露。可在控制台运行:
typeof bootstrap?.Modal === 'function'
返回 true 表示是 Bootstrap 5;若报错 ReferenceError: bootstrap is not defined,说明 JS 未加载或版本太低;若返回 false 但 $ 存在且能调用 $('#modal').modal(),基本锁定为 Bootstrap 4。
真正容易被忽略的是:有些项目同时引入了多个 Bootstrap 版本(比如旧组件用 v4,新页面用 v5),或者用了 CDN 混搭(CSS 是 v5,JS 却是 v4)。这种情况下,光看一个文件或一个属性可能得出错误结论,得交叉验证 Response 注释、全局对象、DOM 属性三者是否一致。











