Bootstrap 5.3 的 .container 各断点 max-width 默认值为：xs: 100%、sm: 540px、md: 720px、lg: 960px、xl: 1140px、xxl: 1320px，由 $container-max-widths 变量定义，width 始终为 100%。
Bootstrap 5.3 的 .container 各断点 max-width 值是多少
直接看官方 sass 变量 $container-max-widths 的默认值（单位 px）：
xs（sm（≥ 576px）：540px
md（≥ 768px）：720px
lg（≥ 992px）：960px
xl（≥ 1200px）：1140px
xxl（≥ 1400px）：1320px
注意：这些不是固定宽度，而是各断点下生效的 max-width 上限；width 始终是 100%，真正起约束作用的是媒体查询里的 max-width。
为什么改 .container { width: 1200px } 没用
因为 Bootstrap 4+ 彻底弃用 width 控制容器尺寸，全部交给 max-width + 媒体查询管理。
常见错误现象包括：
-
.container { width: 1400px }在小屏下直接撑破视口，大屏下仍被max-width: 1140px截断 - 只写基础选择器
.container，被更具体的选择器（如@media (min-width: 1200px) .container）优先级压制 - 未清缓存或没确保自定义 CSS 加载在 Bootstrap 之后
正确做法是复写对应断点的 max-width，例如：
@media (min-width: 1200px) {
.container {
max-width: 1280px;
}
}
如何安全扩展大屏下的 .container 宽度
最稳妥的方式是在你自己的 CSS 文件末尾（确保加载顺序在 Bootstrap 之后）添加带断点的 max-width 覆盖规则：
- 不要用
!important——只要加载顺序对、选择器没降权（比如别写成div.container），就能覆盖 - 想扩展 xl 断点，就针对
@media (min-width: 1200px)；想新增逻辑，可加@media (min-width: 1400px)对应 xxl - 若你用的是 CDN 引入的 CSS，无法修改 Sass 变量，只能靠这种方式覆盖；若自己编译，则应同步调整
$container-max-widths和$grid-breakpoints，否则断点和容器宽度会错位
.container 和 .container-fluid 的实际差异在哪
两者都设了 padding-left: 15px 和 padding-right: 15px，但关键区别在于：
-
.container：响应式固定宽，width: 100%+ 各断点max-width限制 +margin: 0 auto居中 -
.container-fluid：流式全宽，width: 100%+max-width: none+margin: 0，不居中也不限制宽度 - 别误以为
.container-fluid就是“去掉 padding”，它的左右 padding 依然存在；真要无 padding 容器，得额外加px-0或重置padding
复杂点在于：断点值（$grid-breakpoints）和容器宽度（$container-max-widths）是两个独立变量，改了一个不自动同步另一个——这是自定义时最容易忽略的地方。
