Как использовать сетку bootstrap 4 в scss?

Question

[SexyMonkey]

В третьем бутстрапе использовала конструкции вроде

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

В четвёртом нашла только @include make-col(10);
Как указать количество колонок на определённом разрешении?

Answer 1

[Сергей delphinpro]

Через медиазапрос.

.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
  }
}

Comments

[SexyMonkey]

Спасибо. Хотя, конечно, полная жесть. Раньше было лучше.

[Сергей delphinpro]

SexyMonkey, на самом деле это более гибкий вариант. привыкните =)