Bootstrap framework: le classi


Lezione 5 / 15

Bootstrap framework: le classi

Di Leo Sorge


bootstrap

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:
 

  1. Contenitori (bootstrap container): impiegati per definire la struttura e l'allineamento del layout
  2. Griglia (bootstrap  grid): per posizionare i contenuti sulla pagina con .row ed altre classi
  3. Form (bootstrap form): per creare form con elementi come input, label, pulsanti, selezioni e molto altro
  4. Bottoni (bootstrap button): per creare pulsanti con varie dimensioni, colori e stili
  5. 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!

Scopri i corsi

Le nostre guide possono essere molto utili per muovere i primi passi nel mondo della programmazione, ma se vuoi iniziare una nuova carriera in ambito digital & tech con il supporto costante dei docenti e tantissime esercitazioni pratiche, ti consigliamo di frequentare uno dei corsi della nostra Hackademy!

Scopri i corsi