我从Bootstrap 3切换到Bootstrap 4.我正在使用sass源代码,我在运行时编译.当我更改库时,我开始在我的媒体交换机上出错,即for
@media screen and (min-width: $screen-md-min) { padding: 40px 50px; }
我收到错误
未定义的变量:“$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; }