Как сделать card-columns в 4 ряда в bootstrap?

Question

[voproser]

Как сделать card-columns в 4 ряда в bootstrap?
У меня есть тег columns, но колонки которые стоят выстраиваются в 3 колонки, а хотелось бы в 4.
Может кто - то знает решение этой проблемы?

Answer 1

[deepblack]

А вы в документацию смотрели?

Card columns can also be extended and customized with some additional code. Shown below is an extension of the .card-columns class using the same CSS we use—CSS columns— to generate a set of responsive tiers for changing the number of columns.

SASS mixin:

.card-columns {
  @include media-breakpoint-only(lg) {
    column-count: 4;
  }
  @include media-breakpoint-only(xl) {
    column-count: 5;
  }
}

Добавьте необходимые медиа-запросы.

Comments

[voproser]

не работает, я в css добавляю, не работает

[deepblack]

samnebudu, добавил пример.

[voproser]

Андрей, спасибо, получилось