Css 将容器最大宽度设置为XXL断点引导5

我正在尝试Bootstrap5，在我的站点上，我不希望容器增长超过1200px，也就是XL断点。有没有一种方法可以删除XXL断点，或者简单地告诉它不要超出XL断点

---

最好是在我自己的自定义CSS表中，而不是使用SaSS/Less。

只需在

.container

上设置最大宽度即可

.container {
    max-width: 1200px;
}

---

为了完整性起见，这里是sass的答案：要从sass编译中删除断点（包括所有实用程序，如

col xxl-*

），请覆盖默认变量

$grid breakpoints

和

$container max widths

，并从数组中删除

xxl

，如下所示：

$grid-breakpoints: (
  xs: 0,
  sm: 576px,
  md: 768px,
  lg: 992px,
  xl: 1200px
);

$container-max-widths: (
  sm: 540px,
  md: 720px,
  lg: 960px,
  xl: 1140px
);

---

在包含引导之前，请确保包含此内容。

您是说您只关心容器的最大宽度？为什么不直接设置.container{max width:1200px}？我不明白你为什么要完全删除XXL断点。是的，我们不一定要删除断点，只是重写。是的，这似乎很简单地实现了我想要的目标。谢谢，谢谢。了解如何正确修改源文件并重新编译bootstrap.css很有帮助。