bootstrap css必须放在内且使用完整https地址，否则页面白屏或闪动；只加css可显示样式但交互组件失效；推荐jsdelivr或bootcdn，本地需http服务而非双击打开。
直接放 里，用完整 HTTPS 地址，否则页面大概率白屏或闪动。
CDN CSS 必须放在
浏览器解析 HTML 是顺序执行的，<link rel="stylesheet"> 如果写在 里，或者被注释、空格、不可见字符（比如 U+2197 ↗）隔开，样式就会延迟应用，导致无样式 DOM 先渲染出来——也就是“闪动”。更糟的是，如果 href 值缺了 https://，比如写成 cdn.jsdelivr.net/...，现代浏览器会把它当相对路径处理，最终请求类似 https://your-site.com/cdn.jsdelivr.net/...，404 或 net::ERR_ABORTED 就来了。
-
<link>必须在内，位置早于<title></title>或<meta>都行，但绝不能在里 - href 值必须是干净的、以
https://开头的完整 URL，例如：https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/css/bootstrap.min.css - 复制链接时小心编辑器自动加的 Markdown 符号（如
[、]、↗），粘贴后务必手动删掉 - Windows 本地双击打开 HTML 文件时，
file://协议下所有 CDN 请求都会被拦截，必须用本地 HTTP 服务（如python -m http.server）
只加 CSS 不加 JS 会怎样
按钮、栅格、文字排版这些纯样式类（如 btn、container、text-center）能正常显示；但所有依赖 JS 的交互组件（模态框、下拉菜单、折叠面板）完全不工作——因为没加载 bootstrap.bundle.min.js，也没引入 Popper。这不是 bug，是设计如此。如果你只用静态布局，不点不交互，那光加 CSS 就够了。
- 纯展示页（如文档、宣传页）可省略 JS 引入
- 只要页面里有
data-bs-toggle、data-bs-target这类属性，就必须配 JS - 别把
<script></script>放里（除非加defer），推荐放在前
要不要加 integrity 和 crossorigin
要，尤其是生产环境。不加的话，CDN 被劫持或缓存污染时，你根本不知道用户加载的 CSS 已被篡改。加上 integrity 后，浏览器会校验文件哈希，不匹配就拒绝加载；crossorigin 则让 JS 动态加载时能拿到正确响应头，避免因 CORS 失败导致组件初始化失败。
- 完整写法示例：
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/css/bootstrap.min.css" integrity="sha384-QWTKZyjpPEjISv5WaRU9OFeRpok6YctnYmDr5pNlyT2bRjXh0JMhjY6hW+ALEwIH" crossorigin="anonymous"> -
integrity值必须和 CDN 提供的完全一致，少一个字符就失效 - 如果用了自定义构建或本地代理，
crossorigin可能触发预检请求，需后端配合返回Access-Control-Allow-Origin
CDN 挂了怎么办
没有万能 CDN，只有备用方案。最轻量的做法是在 里先尝试 CDN，失败后回退到本地副本。靠 JS 检测 <link> 加载状态不现实（CSS 加载无 error 事件），稳妥做法是用 <link> + <style></style> 内联兜底，或服务端渲染时判断网络状况再决定引入方式。
- 本地备份 CSS 文件，放在
/css/bootstrap.min.css这类路径下 - 回退逻辑不能只靠前端 JS：用户禁用 JS 时，兜底无效；建议用服务端逻辑或构建时注入 fallback
- 别用
@import url(...)做回退——它会阻塞渲染，且无法设置integrity - 真正关键的样式（如字体、基础重置）建议内联进 HTML，确保首屏最低可用性
最容易被忽略的不是怎么写，而是复制粘贴时肉眼看不见的符号，以及本地开发时双击打开 HTML 文件导致的协议错误。这两点占了实际报错的七成以上。
前端入门到VUE实战笔记：立即使用
在学习笔记中，你将探索 前端 的入门与实战技巧！
