bootstrap 5对无js环境默认静默降级，js组件完全不初始化但html/css仍渲染；data-bs-*属性被忽略，modal等交互失效且不报错；css需手动添加fallback值，第三方插件须用等方案保障基础功能。
Bootstrap 5 对不支持 JS 的浏览器（比如禁用 JS 的用户、爬虫、部分老旧环境）不做主动适配，也不提供 fallback 行为——它默认“静默降级”，即：JS 组件完全不初始化，但 HTML/CSS 仍可渲染基础结构。这不是缺陷，而是设计选择；关键在于你是否意识到它不帮你兜底。
data-bs-* 属性在无 JS 环境下直接失效，不报错也不回退
所有交互依赖 data-bs-toggle、data-bs-target、data-bs-dismiss 等属性的组件（如 Modal、Dropdown、Collapse），在 JS 被禁用或加载失败时，这些属性会被浏览器完全忽略。按钮点击无反应、菜单不展开、折叠内容不切换——控制台空空如也，页面看起来“像能用”，实则交互全断。
- 这不是 bug，是预期行为：Bootstrap 5 的 JS 初始化逻辑只在脚本执行时扫描 DOM，没 JS 就不扫描
- 别指望
data-toggle="modal"这类旧写法能“退化”成 v4 行为——它连解析都不会被触发 - 如果你的表单提交依赖
data-bs-toggle="collapse"来显隐字段，禁 JS 后这部分逻辑彻底消失，可能造成必填项遗漏
CSS 部分天然支持降级，但需手动补 fallback 值
CSS 自定义属性（如 var(--bs-primary)）在不支持的浏览器（IE11 及更早）中会被忽略，此时若你没写 fallback，就会渲染为 inherit 或初始值，导致颜色/间距/圆角丢失。
- 例如：
color: var(--bs-primary);→ IE11 中变成黑色或透明，应写成color: #0d6efd; color: var(--bs-primary); -
background-color: var(--bs-body-bg, #fff);这种带默认值的写法才安全 - Bootstrap 5 的
bootstrap.min.css本身已对部分关键变量做了 fallback（如--bs-body-bg默认设为#fff），但自定义 CSS 或覆盖样式必须自己加 - 工具类如
mb-3、px-4依赖rem和预设 spacing map，若你改了 Sass 变量但未同步到 CSS 输出，禁 JS 不影响，但样式会错乱
第三方插件（如 bootstrap-select）必须单独处理无 JS 场景
原生 Bootstrap 5 不管 <select></select> 是否被增强，但 bootstrap-select 这类插件默认隐藏原始 <select></select>，禁 JS 后就只剩一个空容器。
- 标准解法是用
<noscript></noscript>强制显示：<noscript><style>.selectpicker { display: block !important; }</style></noscript> - 注意：这个
<noscript></noscript>必须放在插件初始化之后的 DOM 位置，否则可能被 CSS 优先级覆盖 - 如果用了
bootstrap-select@2.x（Bootstrap 5 兼容版），它内部仍依赖 JS 初始化，所以降级逻辑不能省 - 其他插件如
bootstrap-fileinput对 IE11 有专门处理，但对纯禁 JS 场景无特殊逻辑，仍需按原始<input type="file">保障可用性
最易被忽略的一点：你写的“优雅降级”代码，往往只测试了 JS 加载失败，却没真关掉浏览器 JS 去验证。禁 JS 后，不仅插件失效，连 form-control 的 focus 状态、is-invalid 的校验提示也不会自动添加——这些都靠 JS 注入 class。真正的降级，得从语义 HTML 出发，把核心功能锚定在原生标签上，而不是依赖框架的 JS 增强。
