当前位置 : 主页 > 网页制作 > Bootstarp >

sass – 如何在Bootstrap中引用$container-max-widths

来源:互联网 收集:自由互联 发布时间:2021-06-12
我目前正在使用Bootstrap 4,我对断点做了一些更改 – 看起来像这样: $container-max-widths: ( xs: 540px, sm: 700px, md: 960px, lg: 1140px, xl: 1300px, g: 1560px, xg: 1920px) !default; 这是我的问题:我如何参考
我目前正在使用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");
}
网友评论