How to make card-columns 4 rows in bootstrap?

Question

Bootstrap

How to make card-columns 4 rows in bootstrap?
I have a columns tag, but the columns that stand are lined up in 3 columns, but I would like to have 4.
Maybe someone knows a solution to this problem?

Answer 1

Have you looked at the documentation?
SASS mixin:

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

Add the required media queries.