我试图在我的元素中使用 Bootstrap v4 变量,但它存储在一个数组中 (_variables.scss
):
$grid-breakpoints: (
xs: 0,
sm: 544px,
md: 768px,
lg: 992px,
xl: 1200px
) !default;
如何在我的 sass 中引用它:
@media(max-width: $grid-breakpoints[xs]) {
font-size: 20px;
}
最佳答案
你可以使用$map-get
..
@media (min-width: map-get($grid-breakpoints, xs)) and (max-width: map-get($grid-breakpoints, sm)){
[class*='col-'] {
font-size: 20px;
}
}
Bootstrap 4 中还有几个断点 mixin,可用于针对特定断点...
@include media-breakpoint-between(sm, md){
...
}
@include media-breakpoint-only(lg){
...
}
关于css - Bootstrap v4 网格大小/Sass 列表,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/39546031/