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

我目前正在使用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");
}