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