是否可以在像素中设置断点@包括媒体断点向上(900px)";(引导程序4)

Question

我可以在Bootstrap 4中使用@include media-breakpoint-up(900px)构建媒体查询吗？

例如，如果我使用：

@include media-breakpoint-up(900px){
body: border 2px solid;
}

.css中的输出将不包含媒体查询->像这个

或者只能通过创建新的断点来完成：

$grid-breakpoints: (
// default breakpoints
custom-lg: 90px,
);

并使用类似

@include media-breakpoint-up(custom-lg){
body: border 2px solid;
}

Answer 1

如果查看media-breakpoint-upmixin，您会发现它需要$name参数，这是断点的名称，而不是像素值。。

@mixin media-breakpoint-up($name, $breakpoints: $grid-breakpoints) {
...
}

但是，您可以传入一个替换的$breakpoint映射(第二个参数(，其中包含lg的新值。。。

@include media-breakpoint-up(lg,(lg:900px)){
body { 
border: solid red 2px;
}
}

Codeply

相关：引导程序4更改断点