我目前正在使用Bootstrap 4,我对断点做了一些更改 – 看起来像这样: $container-max-widths: ( xs: 540px, sm: 700px, md: 960px, lg: 1140px, xl: 1300px, g: 1560px, xg: 1920px) !default; 这是我的问题:我如何参考
$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"); }