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.

Doncs bé això és tot, espere que trobes útil aquest article i que et motive a compartir els teus trucs, els teus coneixements i els teus experiments amb el Programari Lliure. Pensa-ho, va, que la Comunitat del Programari Lliure va creixent gràcies a la documentació, el disseny, la formació o la programació, sigues part de la Comunitat :-)

La cultura i la lliure circulació de les idees és l'arma més efectiva contra les dictadures del pensament i contra la ignorància.

Utilitats

NAVEGACIÓ SENSE RATOLÍ

- Tab següent enllaç.
- Shift+Tab anterior enllaç.
- Enter activa l'enllaç.
- Alt+esquerra anar arrere.

CONTRAST DE COLORS

Accessibilitat - Color Negre
Accessibilitat - Color Groc
Accessibilitat - Color Verd

Accessibilitat - Color Blau
Accessibilitat - Color Crema
Accessibilitat - Color Blanc

 

PORTADES ALTERNATIVES