css - Bootstrap4 : Accessing variables?

我从Bootstrap 3切换到Bootstrap4。我使用的是运行时编译的sass源。当我更改媒体库时，我开始在媒体交换机上遇到错误，即

@media screen and (min-width: $screen-md-min) {
    padding: 40px 50px;
}

我得到错误
undefined variable :“$ screen-md-min”。

什么是访问Bootstrap4变量的正确方法？

感谢你。

最佳答案

参见the relevant section of the Bootstrap 4 migration documentation.
@screen-*变量已由$grid-breakpoints变量以及media-breakpoint-up()，media-breakpoint-down()和media-breakpoint-only()帮助程序Sass mixins代替。

用法示例:

@include media-breakpoint-up(md) {
    padding: 40px 50px;
}