How to use bootstrap 4 grid in scss?

Question

Sass

In the third bootstrap, I used constructions like

.class{
@include make-md-column(6);
@include make-sm-column(8);
}

In the fourth I found only @include make-col(10);
How to specify the number of columns at a certain resolution?

Answer 1

Through a media query.

.something {
  @include make-col-ready();
  @include make-col(12); // xs

  @include media-breakpoint-up(sm) {
    @include make-col(6); // sm
  }

  @include media-breakpoint-up(xl) {
    @include make-col(3); // xl
  }
}