Рубрика: CSS

Странно и не понятно почему все-таки в Bootstrap нет в комплекте сетки из 5 колонок. Но если это сильно нужно, то это можно решить.

Покажу как это сделать:

css код

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


И соответственно вот так использовать в верстке: col-..-15

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


Всех с наступающим новым годом!