I principali elementi costitutivi con i quali si sviluppa in Bootstrap framework sono la griglia (il Bootstrap grid system di cui accennavamo nei capitoli precedenti) i container, i form, i bottoni e la navigazione. Questi elementi sono tutti delle classi di programmazione. Spieghiamoci meglio.
Le classi di Bootstrap
In Bootstrap framework, le classi sono dei nomi predefiniti che applicano stili CSS a elementi HTML. Ad esempio, la classe btn definisce un bottone con uno stile specifico, mentre la classe text-center allinea il testo al centro.
Le classi vengono applicate direttamente agli elementi HTML attraverso l'attributo class. Questo rende più semplice e veloce la creazione di layout e design complessi: le classi pre-costruite di Bootstrap evitano di scrivere del linguaggio CSS personalizzato per ogni elemento.
Le principali classi di Bootstrap sono:
- Contenitori (bootstrap container): impiegati per definire la struttura e l'allineamento del layout
- Griglia (bootstrap grid): per posizionare i contenuti sulla pagina con .row ed altre classi
- Form (bootstrap form): per creare form con elementi come input, label, pulsanti, selezioni e molto altro
- Bottoni (bootstrap button): per creare pulsanti con varie dimensioni, colori e stili
- Barra di navigazione (bootstrap navbar) per la creazione di link di navigazione.
Queste sono solo alcune delle molte classi disponibili in Bootstrap e il framework offre molte altre funzionalità per creare un sito web da zero che sia reattivo e professionale. Più avanti vedrai un esempio di barra di navigazione. Intanto, cominciamo ad esplorare i container!
