Bitrix, smart filter, 5 columns, really?

Question

1C-Bitrix

Good afternoon! Bitrix, Smart filter horizontal, template Bootstrap_v4
By default builds 3 columns, and is not regulated in any way by the component settings, etc.
As you know, in Bootstrap 4, building 5 columns is elementary:

<div class="row">
    <div class="col"> 1/5 </div>
    <div class="col"> 2/5 </div>
    <div class="col"> 3/5 </div>
    <div class="col"> 4/5 </div>
    <div class="col"> 5/5 </div>
</div>

But not in Bitrix, tell me, maybe someone did it, knows a less painful way to do it adaptively naturally?

Answer 1

joxi.ru/ZrJ7N1EiwaONZm
Just add the parent class before col-md-4, if it's quite simple.
Since we are talking about the component settings, you can add your parameter to the component and set the class in the template depending on this parameter, write css from this class

Answer 2

You need to add a class and change in the component template

.col-xs-15,
.col-sm-15,
.col-md-15,
.col-lg-15 {
    position: relative;
    min-height: 1px;
    padding-right: 10px;
    padding-left: 10px;
}


.col-xs-15 {
    width: 20%;
    float: left;
}

@media (min-width: 768px) {
    .col-sm-15 {
        width: 20%;
        float: left;
    }
}

@media (min-width: 992px) {
    .col-md-15 {
        width: 20%;
        float: left;
    }
}

@media (min-width: 1200px) {
    .col-lg-15 {
        width: 20%;
        float: left;
    }
}

<div class="col-md-15 col-xs-12 col-sm-15">
</div>

And accordingly, use it like this in layout: col-..-15