5 columns per row in Bootstrap-4

Question

I have 15 records, I want to show all of it in a 5 columns per row. So I am using the auto column available in bootstrap 4 \".col\", is there a way to limit column counts per ro

Answer 1

If you're working with Bootstrap 4 scss files, then the easiest way is to use default mixin make-col(x,y). For example this code in a layout of 5 columns will create element that covers width of 2 columns. Basically it's 2/5 = 40%:

.my-col {
    @include make-col(2, 5);
}

This will result in following css:

.my-col {
    flex: 0 0 40%;
    max-width: 40%;
}