Press "Enter" to skip to content

5 kolommen met Bootstrap

Bootstrap is een fijn framework waar je websites op kunt bouwen. Het grid van Bootstrap bestaat uit 12 kolommen. Je kan op dat grid meerdere kolommen kwijt, 2 kolommen, 3 kolommen,  4 kolommen en 6 kolommen; als je het maar uitkomt op 12 kolommen. Het framework voorziet niet in het maken van 5 kolommen. Vandaar deze toevoeging die het mogelijk maakt om 5 kolommen te gebruiken met Bootstrap.

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

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

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

@media (min-width: 990px) {
    .col-md-5ths {
        width: 20%;
        float: left;
    }
}

@media (min-width: 1200px) {
    .col-lg-5ths {
        width: 20%;
        float: left;
    }
}
Marco van der Ziel
Marco van der Ziel

View all posts

Geef een reactie