如何限制Bootstrap 5容器的最大宽度？

s3fp2yjn 于 2022-12-16 发布在 Bootstrap

关注(0)|答案(1)|浏览(207)

我是后端程序员Kevin，我是前端的新手，正在尝试 Bootstrap ，
如果您查看Bootstrap 5文档：https://getbootstrap.com/docs/5.0/layout/containers/
有一个容器的响应表。但我希望它像这样（见我的红色标记）：

基本上我想限制宽度为960 px，无论大屏幕尺寸是。
如果可能的话，我想更改Bootstrap的SASS配置，而不是编写自己的CSS。（Bootstrap建议这样做）
谢谢你，
最好的问候
编辑：我正在使用ruby on rails。命令：rails new -c Bootstrap

1条答案

在您链接的文档中，它会告诉您如何替代它们。
特别是本节：
引自以下网站：
如上所示，Bootstrap生成了一系列预定义的容器类来帮助您构建所需的布局。您可以通过修改支持这些容器类的SassMap（在_variables.scss中找到）来定制这些预定义的容器类：

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

我不知道您是如何将bootstrap集成到应用程序中的，但您的第一步是查找/公开_variables.scss