Reboot.css 是 Bootstrap 4+ 的基础重置模块，提供浏览器一致的默认样式；删掉会导致按钮、表单、表格等渲染错乱，因其是框架样式一致性的地基，不可直接删除。
Reboot.css 是什么，为什么不能直接删掉它
reboot.css 是 bootstrap 4+ 中独立存在的重置模块，不是“可有可无的装饰”，而是整个框架样式一致性的地基。它不追求像 reset.css 那样清空一切，也不照搬 normalize.css 全量逻辑，而是在其基础上做了一层“有主见的微调”：比如强制全局 box-sizing: border-box、统一 h1–h6 的 margin 和 font-weight、重设 button 和 input 的默认 appearance 和 cursor。删掉它，.btn 可能变高矮不一，.form-control 在 safari 里边框错位，table 行高在 chrome/firefox 下表现分裂——这些都不是 bug，是浏览器默认行为重新接管了。
- 它被封装在
bootstrap-reboot.scss里，可通过 Sass 单独导入，无需加载整套 Bootstrap - CDN 引入的
bootstrap.min.css已内置 Reboot，但如果你只用网格（bootstrap-grid.min.css），它就不包含 Reboot，此时需手动补上 - 若项目已用
normalize.css或自定义 reset，Reboot 不会自动覆盖——它的选择器权重低、无!important，冲突时容易被你自己的样式盖掉，反而让“重置效果”失效
什么时候该单独引入 Reboot，而不是用完整 bootstrap.css
典型场景是「只要排版基线，不要组件样式」：比如你用 Tailwind 或自研 UI 库，但又希望表单控件、标题、列表等基础元素在各浏览器下保持一致渲染，这时引入 Reboot 就够了，体积仅约 2KB（压缩后），比全量 CSS 小一个数量级。
- 单独引入方式（Sass）：
@import "bootstrap/scss/reboot";，注意放在变量定义之后、其他样式之前 - 单独引入方式（CSS）：
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/css/bootstrap-reboot.min.css" rel="stylesheet"> - 别误用
bootstrap-grid.min.css替代——它不含 Reboot，也没有 typographic reset，文字行高、段落间距仍会漂移
修改 Reboot 样式时最常踩的三个坑
很多人想改 Reboot 里的默认值（比如调整 h1 margin 或禁用 button:focus 轮廓），但直接覆盖或删改源文件，很快会遇到维护噩梦。
- 不要修改
node_modules/bootstrap/scss/reboot.scss—— npm 升级后立刻丢失，且无法 git 追踪 - 不要在自定义 CSS 里用强权重覆盖，例如写
h1 { margin-top: 0 !important; }—— Reboot 本身无!important，靠的是加载顺序和 specificity，强行加权会破坏后续所有基于 Reboot 的扩展逻辑 - 正确做法是：在你自己的 Sass 主入口中，先定义变量（如
$headings-margin-bottom: 0.5rem;），再@import "bootstrap/scss/reboot"——Bootstrap 的 Reboot 会读取这些变量，实现无侵入定制
head 里样式表顺序，比反复调 margin 更管用。 
