在 Bootstrap 5 中需通过 Sass 重定义 $grid-breakpoints 变量并前置导入，同步调整 $navbar-breakpoint 等组件专属变量；CDN 方式无法修改断点，自定义样式须用 Bootstrap mixin 才能响应变更。
如何在 Bootstrap 5 中覆盖默认断点值
Bootstrap 5 的断点（xs、sm、md、lg、xl、xxl）是通过 Sass 变量定义的，**不能直接在 CSS 中用媒体查询覆盖**——你改了 @media (min-width: 992px)，但所有 col-lg-*、d-lg-block 这类工具类仍按原始断点编译，会错位。
正确做法是在引入 Bootstrap 源码前，重定义 $grid-breakpoints 变量：
$grid-breakpoints: ( xs: 0, sm: 576px, md: 768px, lg: 1024px, // 把原 992px 改成 1024px xl: 1440px, xxl: 1920px ); @import "bootstrap/scss/functions"; @import "bootstrap/scss/variables"; @import "bootstrap/scss/mixins"; @import "bootstrap/scss/root"; @import "bootstrap/scss/reboot"; // ...其余 import
- 必须在
@import "bootstrap/scss/functions"之前定义变量，否则函数内部已读取旧值 - 所有键名（
xs、sm等）必须保留，不能增删，否则make-container-max-widths()等依赖函数会报错 - 值必须是带单位的长度（如
1024px），不能写1024或"1024px"
为什么修改后部分组件响应行为没变
某些组件（如 navbar、offcanvas）内部硬编码了断点逻辑，例如 navbar 折叠阈值默认绑定 $navbar-breakpoint，它默认等于 $grid-breakpoints(md)。只改 $grid-breakpoints 不影响它。
需同步调整相关组件变量：
$navbar-breakpoint: md; // 改成 lg，或直接写 1024px $offcanvas-breakpoint: lg; // 同理
-
$navbar-breakpoint控制navbar-expand-*的触发点，不改它，即使你把lg断点设为 1024px，navbar-expand-lg仍会在 992px 折叠 - 检查
bootstrap/scss/_variables.scss，搜索-breakpoint找出所有依赖断点的变量 - 像
accordion、tooltip等无断点依赖的组件，不受影响
使用 Bootstrap CDN 时能否修改断点
不能。CDN 提供的是预编译好的 CSS 文件，$grid-breakpoints 已固化进类名和媒体查询中。你无法用 <style> 覆盖断点逻辑，因为：
- 新增的
@media (min-width: 1024px)不会自动让col-lg-6在 1024px 生效——它的样式规则仍绑定在@media (min-width: 992px)下 - 强行用
!important覆盖容器宽度，会导致栅格系统计算错乱（比如col-6宽度变成 50%，但父容器 max-width 却是旧断点下的值） - 唯一可行的“CDN 替代方案”是用 JavaScript 动态切换类名，例如监听
window.innerWidth，在 1024px 时手动加col-xl-6，但失去响应式语义，且无法匹配伪类（如:hover下的断点行为）
修改断点对自定义类的影响
如果你写了类似 .my-section { @include media-breakpoint-up(lg) { ... } } 的自定义样式，它会随 $grid-breakpoints 自动生效——前提是使用 Bootstrap 提供的 mixin，而不是手写媒体查询。
- ✅ 正确：
@include media-breakpoint-up(lg) { width: 100%; }→ 编译后生成@media (min-width: 1024px) - ❌ 错误：
@media (min-width: 992px) { ... }→ 永远不会更新，与变量无关 - 注意
media-breakpoint-down(xs)是特例：它编译为@media (max-width: 0px)，实际无效，应避免用于xs
断点修改不是全局开关，它只影响变量、mixin 和基于它们生成的工具类；任何绕过这套机制的手写代码，都会成为维护黑洞。
