.container在大屏下有15px内边距是Bootstrap 5的设计行为，用于配合.row负外边距实现栅格对齐；如需清除，应使用px-lg-0等响应式工具类或对应断点的媒体查询覆盖。
为什么.container在大屏下仍有15px左右内边距
bootstrap 5 的 .container 在 sm 及以上断点（即最小宽度 576px）默认设置了 padding-left: 15px 和 padding-right: 15px，这是设计行为，不是 bug。它配合 .row 的负外边距（margin-left: -15px / margin-right: -15px）实现栅格对齐，同时防止内容紧贴视口边缘。但如果你要做全宽 banner、深色背景横条或嵌入式组件，这 15px 就会变成“白边”。
用 px-lg-0 或 px-xl-0 响应式清除大屏内边距
直接全局清零会破坏小屏体验（比如手机上内容贴边太紧），所以推荐按断点精准控制：
-
px-lg-0：仅在lg（≥992px）及以上断点清除左右 padding -
px-xl-0：仅在xl（≥1200px）及以上断点清除，保留 lg 下的 15px - 不要用
p-0——它会把上下 padding 也干掉，可能让标题/导航塌陷 - 确保类名加在
.container元素上：<div class="container px-lg-0">...</div>
自定义 CSS 覆盖时必须注意断点写法
如果工具类不够用（比如要从 md 开始清零），就得写 CSS。但常见错误是只写一条规则，结果小屏也被影响：
- ❌ 错误写法：
.container { padding-left: 0; padding-right: 0; }（所有断点都清零） - ✅ 正确写法：
@media (min-width: 992px) { .container { padding-left: 0; padding-right: 0; } } - ⚠️ 注意：Bootstrap 5 的
.containerpadding 是统一值（不随断点变化），所以你只需覆盖一次，不用为每个断点重复写 - 这条 CSS 必须加载在 Bootstrap CSS 之后，否则无效
别用 container-fluid 替代，除非你真要 100% 宽度
.container-fluid 确实默认无左右 padding，但它没有 max-width 限制。这意味着：
- 在 2560px 屏幕上，内容会撑满整个宽度，阅读体验变差
- 如果你只是想“大屏下去 padding，但还要居中+最大宽度”，
.container-fluid不是等价替代 - 硬给
.container-fluid加max-width: 1200px和margin: 0 auto，不如直接改.container干净
真正容易被忽略的是：px-lg-0 这类工具类在所有断点都生效（包括 xs），但它只会在 lg+ 断点实际生效；而你自己写的媒体查询，如果漏了 min-width 条件，就可能误伤小屏布局。
