我目前正在使用Bootstrap 4,我对断点做了一些更改 – 看起来像这样：
$container-max-widths: (
xs: 540px,sm: 700px,md: 960px,lg: 1140px,xl: 1300px,g: 1560px,xg: 1920px
) !default;
这是我的问题：我如何参考$container-max-widths – > g从中得到1560px？
我想做这样的事情,但它不起作用：
max-width: $grid-breakpoints('g');
任何想法,如果可能的话？
解决方法
您可以创建一个函数来检索断点值,如下所示：
@function get-breakpoints($key: "md") {
@return map-get($container-max-widths,$key);
}
.test-class {
max-width: get-breakpoints("g");
}