Crear un grid de cinco columnas combinable con Bootstrap 3

Bootstrap trabaja con un grid de 12 columnas, pero en ocasiones podemos necesitar crear 5 columnas, por lo tanto lo más adecuado sería un grid de 15 columnas que podemos definirnos de la siguiente manera.

    .colfive-1  {width: 6.66%;   float: left;}
    .colfive-2  {width: 13.33%;  float: left;}
    .colfive-3  {width: 20%;     float: left;}
    .colfive-4  {width: 26.66%;  float: left;}
    .colfive-5  {width: 33.33%;  float: left;}
    .colfive-6  {width: 40%;     float: left;}
    .colfive-7  {width: 46.66%;  float: left;}
    .colfive-8  {width: 53.33%;  float: left;}
    .colfive-9  {width: 60%;     float: left;}
    .colfive-10 {width: 66.66%;  float: left;}
    .colfive-11 {width: 73.33%;  float: left;}
    .colfive-12 {width: 80%;     float: left;}
    .colfive-13 {width: 86.66%;  float: left;}
    .colfive-14 {width: 93.33%;  float: left;}
    .colfive-15 {width: 100%;    float: left;}

Deja un comentario