css - Bootstrap4：访问变量？(Bootstrap4: Accessing variables?)

Question

I switched from Bootstrap 3 to Bootstrap 4. I am using sass sources which I compile on the run.

(我从Bootstrap 3切换到Bootstrap4。我使用的是运行时编译的sass源。)

When I changed the libraries, I started to get error on my media switches, ie for

(更改库后，我的媒体交换机开始出现错误，例如)

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

I get error Undefined variable: "$screen-md-min".

(我收到错误未定义变量：“ $ screen-md-min”。)

What is a correct way to access variables of Bootstrap4?

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

Thank u.

(感谢你。)

  ask by Very Curious translate from so

Answer 1

See the relevant section of the Bootstrap 4 migration documentation.

(请参阅Bootstrap 4迁移文档的相关部分。)

The @screen-* variables have been replaced by the $grid-breakpoints variable along with the media-breakpoint-up() , media-breakpoint-down() , and media-breakpoint-only() helper Sass mixins.

(@screen-*变量已由$grid-breakpoints变量以及media-breakpoint-up() ， media-breakpoint-down()和media-breakpoint-only()帮助器Sass mixins代替。)

Example usage:

(用法示例：)

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