相关疑难解决方法(0)

如何使用SASS扩展/修改(自定义)Bootstrap 4

我想基于Bootstrap创建一个网站主题.我想扩展Bootstrap的默认组件并更改其中的一些组件.为此,我需要访问 Bootstrap定义的SASS变量,以便我可以覆盖它们.

我虽然从GitHub克隆Bootstrap并直接更改它,但我听说这实际上不是很好的做法.你能给我一些建议吗?

sass twitter-bootstrap bootstrap-4

12
推荐指数
2
解决办法
1万
查看次数

将 Bootstrap 容器类设置为 940px max

我在桌面屏幕上使用 Bootstrap 4 和默认宽度的容器。

我希望我的应用程序的主要内容部分是大屏幕上最大 940 像素的容器。

我是简单地覆盖引导容器类,还是创建新的类 container-2?或者是其他东西?

编辑

在此处输入图片说明

css twitter-bootstrap bootstrap-4

2
推荐指数
1
解决办法
1805
查看次数

添加XXL和XXXL断点。什么是container-max-widths?

我想在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)输入什么?

twitter-bootstrap bootstrap-4

2
推荐指数
1
解决办法
723
查看次数

标签 统计

bootstrap-4 ×3

twitter-bootstrap ×3

css ×1

sass ×1