我想基于Bootstrap创建一个网站主题.我想扩展Bootstrap的默认组件并更改其中的一些组件.为此,我需要访问 Bootstrap定义的SASS变量,以便我可以覆盖它们.
我虽然从GitHub克隆Bootstrap并直接更改它,但我听说这实际上不是很好的做法.你能给我一些建议吗?
我在桌面屏幕上使用 Bootstrap 4 和默认宽度的容器。
我希望我的应用程序的主要内容部分是大屏幕上最大 940 像素的容器。
我是简单地覆盖引导容器类,还是创建新的类 container-2?或者是其他东西?
编辑
我想在Bootstrap 4.x中添加XXL和XXXL断点
$grid-breakpoints: (
xs: 0,
sm: 576px,
md: 768px,
lg: 992px,
xl: 1200px,
xxl: 1440px,
xxxl: 1600px
);
Run Code Online (Sandbox Code Playgroud)
我知道我还需要设置$ container-max-widths,但是我不确定数学是什么。我认为这与30px的边距有关。什么是数学运算和/或应该为XXL和XXXL使用的数字是多少
$container-max-widths: (
sm: 540px,
md: 720px,
lg: 960px,
xl: 1140px,
xxl: ????,
xxxl: ????
)
Run Code Online (Sandbox Code Playgroud)
为什么是720换768?我真正想知道的是我要为XXL(1440)和XXXL(1600)输入什么?