容器 container
栅格系统的最外层是容器，它决定了内容的宽度策略。两种容器：container 在每个响应式断点处跳变到固定的最大宽度并水平居中（540px → 720px → 960px → 1140px → 1320px），适合常规内容页；container-fluid 永远占满 100% 宽度，适合顶部通栏、后台系统。
容器的作用不只是限宽：栅格必须写在容器里，因为 row 自带负外边距，需要 container 的 padding 来抵消，否则会出现横向滚动条。
Bootstrap 5.3 还提供了 container-{断点} 精细控制，例如 container-md 表示「md 以下像 fluid 一样全宽，md 及以上才变成固定宽度」，适合移动端希望更满、桌面端要限宽的场景。
本节要点container 随断点跳变限宽并居中，container-fluid 永远全宽；栅格必须包在容器里，否则负边距会引发横向滚动。
代码
<!-- container：最大宽度随断点跳变，自动居中 -->
<div class="container">
内容限宽居中：≥576px→540px ≥768px→720px ≥992px→960px
≥1200px→1140px ≥1400px→1320px
</div>
<!-- container-fluid：永远占满 100% 宽度 -->
<div class="container-fluid">
全宽布局，适合顶部通栏、后台管理系统
</div>
<!-- container-md：md 以下全宽，md 及以上才开始限宽 -->
<div class="container-md">
手机上更"满"，桌面端限宽 —— 常见于文档类网站
</div>
<!-- 结构规范：栅格必须写在容器里
container > row > col -->📚 推荐阅读
来自万象云档的免费在线书籍，点击封面直接阅读