logo disseny

Curs Web

Módulo: Bootstrap

Bootstrap

El Framework de disseny web responsive

Ara que ja sabem com funciona HTML i CSS, començarem veient un entorn de treball de CSS que es diu Bootstrap.

Bootstrap és un framework desenvolupat i alliberat per Twitter que té com a objectiu facilitar el disseny web. Permet crear de forma senzilla webs de disseny adaptable (responsive), és a dir, que s'ajustin a qualsevol dispositiu i mida de pantalla i sempre es vegin bé. És Open Source o codi obert.

Sobre els exercicis

Als primers exercicis trobaràs l'enllaç base per fer servir Bootstrap al teu projecte. Recorda que la majoria de classes CSS ja vénen predefinides pel framework.

La Teoria

És fonamental llegir la teoria per entendre el Grid System (sistema de graella de 12 columnes) abans de començar a col·locar components o formularis.


Components, Grid i Activitats


Formularis amb Bootstrap

Aplica les classes `form-control`, `form-group` i `row` per maquetar formularis professionals i responsive en minuts.


Teoria i Enunciats PDF