引导容器最大宽度

【问题标题】：bootstrap container max-width引导容器最大宽度
【发布时间】：2020-08-15 17:34:34
【问题描述】：

是否可以使用默认设置设置引导容器的max-width？（不修改代码）

我正在尝试将容器的最大宽度设置为 540px，但 css 规则被覆盖为 1140px；

代码：

<div class="container-sm">
  <div class="border border-primary">
    <p>This content should have max-width of 540px</p>
  </div>
</div>

结果：

https://codepen.io/catalingavan/pen/NWGapKa

【问题讨论】：

【解决方案1】：

引导容器（container-sm、container-md、container-lg、container-xs）根据所使用的设备类型和类改变它们的宽度。

所以在你的情况下 - 因为你使用的是 container-sm，我只是创建了一个覆盖

.container-sm {
    max-width: 540px;
}

（我还建议为其他类型的容器设置最大宽度以保持一致性）

来自引导站点的参考

【讨论】：