Por padrão Bootstrap não fornece sistema de grid, que nos permite criar cinco colunas no layout, mas como você pode ver que é bastante simples criar uma personalização do grid para fazê-lo.
Em primeiro lugar você precisa para criar a definição de coluna padrão na forma como Bootstrap faz. Eu criei para minhas colunas a nomenclatura – col -..- 15.
Veja o meu código:
/*Declaração inicial*/
.col-xs-15,
.col-sm-15,
.col-md-15,
.col-lg-15 {
position: relative;
min-height: 1px;
padding-right: 10px;
padding-left: 10px;
}
/*Medias queries */
.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;
}
}
Agora basta adicionar no seu HTML
<div class="row">
<div class="col-md-15 col-sm-3">
...
</div>
</div>
Muito simples não é mesmo? Um abraço! 🙂
