Bootstrap v4中的$ container-max-width和$ grid-breakpoint之间是否存在关系?

时间:2017-01-17 23:36:18

标签: css twitter-bootstrap sass grid twitter-bootstrap-4

问题:
分配给$container-max-width中的键和Bootstrap v4 $grid-breakpoint sass地图中的键的默认值之间是否存在关系?

上下文
我正在使用Bootstrap v4进行项目,我正在考虑对它使用的网格进行一些小的调整。为variables设置新值可以控制所有这些是如何工作的,这是微不足道的,但当我看到default values试图了解我应该将这些新变量设置为什么时,它似乎xl$grid-breakpoints中的$container-max-widths$grid-gutter-width-base地图通过(2 * $grid-gutter-width-base) + map-get($container-max-widths, xl) == map-get($grid-breakpoints, xl) 值相关,如下所示:

xl

...但这仅适用于$container-max-widths值。

我认为这三件事的价值($grid-breakpoints$grid-gutter-width-base&,xl)必然会以某种方式固有地相关,但除了{{1它们看起来完全是任意的。

我遗失的这些(或其他价值观)之间是否存在某种关系? xl水平的数学关系是巧合吗?

1 个答案:

答案 0 :(得分:1)

根据answer在评论中指示我的makshh,分配给$container-max-width$grid-breakpoint地图的默认值无论如何都不会直接相关容器最大宽度在特定断点处是什么。