Com maquetar 5 columnes responsive a Bootstrap

Com maquetar 5 columnes responsive a Bootstrap

Aquest exemple amb bootstrap l'he fet amb:

1 1 1 ...
2 2 2 ...
3 3 3 ...
4 4 4 ...
5 5 5 ...

I ara al teu CSS podem fer, per exemple, algo així:


.area_gris_superior {background: #797979; text-align: center; width: 100% }
.area_gris_superior .col-xs-2{ color:#FFF; }
.area_gris_superior .col-half-offset{ margin-left:4.166666667%; }

En la navegació a dispositius mòbils ho veiem també perfecte:

5 columnes bootstrap

És fàcil, veritat? :) Espere que et servisca aquest article i que t'animes a compartir els teus experiments i a agrandir la Comunitat del Programari Lliure, la qual no creix quan parlem d'ella sinó quan compartim codi.

Salut.