Layout de 5 colunas com Twitter Bootstrap

Por padrão, o Bootstrap não fornece um sistema de grade que nos permite criar um layout de cinco colunas, mas como você pode ver, é bastante simples.
Em primeiro lugar, você precisa criar uma definição de coluna padrão da maneira que o Bootstrap faz. Liguei para minhas aulas col -..- 15.

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

Em seguida, você precisa definir a largura das novas classes no caso de consultas de mídia diferentes

.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 você está pronto para combinar suas classes com as classes Bootstrap originais. Por exemplo, se você quiser criar um elemento div que se comporte como o layout de cinco colunas em telas médias e como quatro colunas em telas menores, você só precisa usar algo assim:

<div class="row">
<div class="col-md-15 col-sm-3">
...

</div>
</div>

Fonte original: http://bit.ly/1j1EkjD