css - 有什么方法可以获得特定于断点的宽度类？

Question

Bootstrap 4 包括 width classes :

w-25
w-50
w-75
w-100

我只想为某些断点及以上指定宽度；例如，“w-md-25”等。

是否可以在 SCSS 文件中添加此类类，或者以其他方式获得此功能？

Answer 1

在 Blazemonger 的帮助下搞定了。我将它添加到我的 custom.scss 文件中，重新编译，它运行良好:

@each $breakpoint in map-keys($grid-breakpoints) {
  @each $size, $length in $sizes {
    @include media-breakpoint-up($breakpoint) {
      .w-#{$breakpoint}-#{$size} {width: $length !important;}
    }
  }
}