Summary  
This chapter explains how to apply CSS utility classes to style text elements—adjusting headings, font sizes, font weights, italics, lead text emphasis, and alignment—using Bootstrap’s typography system.  

General domain of usage  
Front-end web development and UI styling

Bootstrap offre una serie di classi tipografiche per uno stile coerente degli elementi testuali. Queste classi possono essere applicate a titoli, paragrafi, span e altri elementi di testo.

## Intestazioni 
Le intestazioni possono essere stilizzate utilizzando classi come `h1` fino a `h6` per regolarne le dimensioni.

PCFET0NUWVBFIGh0bWw+CjxodG1sIGxhbmc9ImVuIj4KICA8aGVhZD4KICAgIDxtZXRhIGNoYXJzZXQ9IlVURi04IiAvPgogICAgPG1ldGEgbmFtZT0idmlld3BvcnQiIGNvbnRlbnQ9IndpZHRoPWRldmljZS13aWR0aCwgaW5pdGlhbC1zY2FsZT0xLjAiIC8+CiAgICA8dGl0bGU+VHlwb2dyYXBoeSBQYXJ0IDEgRXhhbXBsZSAxPC90aXRsZT4KICAgIDxsaW5rCiAgICAgIGhyZWY9Imh0dHBzOi8vY2RuLmpzZGVsaXZyLm5ldC9ucG0vYm9vdHN0cmFwQDUuMy4yL2Rpc3QvY3NzL2Jvb3RzdHJhcC5taW4uY3NzIgogICAgICByZWw9InN0eWxlc2hlZXQiCiAgICAvPgogIDwvaGVhZD4KICA8Ym9keT4KICAgIDxoMSBjbGFzcz0iaDEiPkhlYWRpbmcgMTwvaDE+CiAgICA8aDIgY2xhc3M9ImgyIj5IZWFkaW5nIDI8L2gyPgogICAgPGgzIGNsYXNzPSJoMyI+SGVhZGluZyAzPC9oMz4KICAgIDxzY3JpcHQgc3JjPSJodHRwczovL2Nkbi5qc2RlbGl2ci5uZXQvbnBtL2Jvb3RzdHJhcEA1LjMuMi9kaXN0L2pzL2Jvb3RzdHJhcC5taW4uanMiPjwvc2NyaXB0PgogIDwvYm9keT4KPC9odG1sPg==

## Dimensione del carattere 
Bootstrap offre classi come `fs-1`, `fs-2`, `fs-3`, `fs-4`, `fs-5` e `fs-6` per controllare le dimensioni del testo.

PCFET0NUWVBFIGh0bWw+CjxodG1sIGxhbmc9ImVuIj4KICA8aGVhZD4KICAgIDxtZXRhIGNoYXJzZXQ9IlVURi04IiAvPgogICAgPG1ldGEgbmFtZT0idmlld3BvcnQiIGNvbnRlbnQ9IndpZHRoPWRldmljZS13aWR0aCwgaW5pdGlhbC1zY2FsZT0xLjAiIC8+CiAgICA8dGl0bGU+VHlwb2dyYXBoeSBQYXJ0IDEgRXhhbXBsZSAyPC90aXRsZT4KICAgIDxsaW5rCiAgICAgIGhyZWY9Imh0dHBzOi8vY2RuLmpzZGVsaXZyLm5ldC9ucG0vYm9vdHN0cmFwQDUuMy4yL2Rpc3QvY3NzL2Jvb3RzdHJhcC5taW4uY3NzIgogICAgICByZWw9InN0eWxlc2hlZXQiCiAgICAvPgogIDwvaGVhZD4KICA8Ym9keT4KICAgIDxwIGNsYXNzPSJmcy0xIj5mcy0xIFRleHQ8L3A+CiAgICA8cCBjbGFzcz0iZnMtMiI+ZnMtMiBUZXh0PC9wPgogICAgPHAgY2xhc3M9ImZzLTMiPmZzLTMgVGV4dDwvcD4KICAgIDxwIGNsYXNzPSJmcy00Ij5mcy00IFRleHQ8L3A+CiAgICA8c2NyaXB0IHNyYz0iaHR0cHM6Ly9jZG4uanNkZWxpdnIubmV0L25wbS9ib290c3RyYXBANS4zLjIvZGlzdC9qcy9ib290c3RyYXAubWluLmpzIj48L3NjcmlwdD4KICA8L2JvZHk+CjwvaHRtbD4=

## Peso del carattere e corsivo
I pesi dei caratteri possono essere impostati utilizzando la classe `fw-*` (`font-weight`), mentre lo stile corsivo si ottiene con la classe `fst-*` (`font-style`).

PCFET0NUWVBFIGh0bWw+CjxodG1sIGxhbmc9ImVuIj4KICA8aGVhZD4KICAgIDxtZXRhIGNoYXJzZXQ9IlVURi04IiAvPgogICAgPG1ldGEgbmFtZT0idmlld3BvcnQiIGNvbnRlbnQ9IndpZHRoPWRldmljZS13aWR0aCwgaW5pdGlhbC1zY2FsZT0xLjAiIC8+CiAgICA8dGl0bGU+VHlwb2dyYXBoeSBQYXJ0IDEgRXhhbXBsZSAzPC90aXRsZT4KICAgIDxsaW5rCiAgICAgIGhyZWY9Imh0dHBzOi8vY2RuLmpzZGVsaXZyLm5ldC9ucG0vYm9vdHN0cmFwQDUuMy4yL2Rpc3QvY3NzL2Jvb3RzdHJhcC5taW4uY3NzIgogICAgICByZWw9InN0eWxlc2hlZXQiCiAgICAvPgogIDwvaGVhZD4KICA8Ym9keT4KICAgIDxkaXYgY2xhc3M9InJvdyI+CiAgICAgIDxkaXYgY2xhc3M9ImNvbCI+CiAgICAgICAgPGgxIGNsYXNzPSJoMiI+Rm9udCB3ZWlnaHQgdmFyaWF0aW9uczwvaDE+CiAgICAgICAgPHAgY2xhc3M9ImZ3LWJvbGQiPlRoaXMgdGV4dCBpcyBib2xkLjwvcD4KICAgICAgICA8cCBjbGFzcz0iZnctc2VtaWJvbGQiPlRoaXMgdGV4dCBpcyBzZW1pYm9sZC48L3A+CiAgICAgICAgPHAgY2xhc3M9ImZ3LW5vcm1hbCI+VGhpcyB0ZXh0IGlzIG5vcm1hbC48L3A+CiAgICAgICAgPHAgY2xhc3M9ImZ3LWxpZ2h0Ij5UaGlzIHRleHQgaXMgbGlnaHQuPC9wPgogICAgICAgIDxwIGNsYXNzPSJmdy1saWdodGVyIj5UaGlzIHRleHQgaXMgZXZlbiBsaWdodGVyLjwvcD4KICAgICAgPC9kaXY+CiAgICAgIDxkaXYgY2xhc3M9ImNvbCI+CiAgICAgICAgPGgxIGNsYXNzPSJoMiI+Rm9udCBzdHlsZSB2YXJpYXRpb25zPC9oMT4KICAgICAgICA8cCBjbGFzcz0iZnN0LWl0YWxpYyI+VGhpcyB0ZXh0IGlzIGl0YWxpY2l6ZWQuPC9wPgogICAgICAgIDxwIGNsYXNzPSJmc3Qtbm9ybWFsIj5UaGlzIHRleHQgaXMgaW4gbm9ybWFsIGZvbnQgc3R5bGUuPC9wPgogICAgICA8L2Rpdj4KICAgIDwvZGl2PgogICAgPHNjcmlwdCBzcmM9Imh0dHBzOi8vY2RuLmpzZGVsaXZyLm5ldC9ucG0vYm9vdHN0cmFwQDUuMy4yL2Rpc3QvanMvYm9vdHN0cmFwLm1pbi5qcyI+PC9zY3JpcHQ+CiAgPC9ib2R5Pgo8L2h0bWw+

## Testo principale
La classe `lead` viene utilizzata per aggiungere enfasi a un paragrafo aumentando la dimensione e il peso del carattere.

## Allineamento del testo
Classi come `text-start`, `text-center` e `text-left` vengono utilizzate per allineare gli elementi di testo.

PCFET0NUWVBFIGh0bWw+CjxodG1sIGxhbmc9ImVuIj4KICA8aGVhZD4KICAgIDxtZXRhIGNoYXJzZXQ9IlVURi04IiAvPgogICAgPG1ldGEgbmFtZT0idmlld3BvcnQiIGNvbnRlbnQ9IndpZHRoPWRldmljZS13aWR0aCwgaW5pdGlhbC1zY2FsZT0xLjAiIC8+CiAgICA8dGl0bGU+VHlwb2dyYXBoeSBQYXJ0IDEgRXhhbXBsZSA0PC90aXRsZT4KICAgIDxsaW5rCiAgICAgIGhyZWY9Imh0dHBzOi8vY2RuLmpzZGVsaXZyLm5ldC9ucG0vYm9vdHN0cmFwQDUuMy4yL2Rpc3QvY3NzL2Jvb3RzdHJhcC5taW4uY3NzIgogICAgICByZWw9InN0eWxlc2hlZXQiCiAgICAvPgogIDwvaGVhZD4KICA8Ym9keT4KICAgIDxwIGNsYXNzPSJsZWFkIj5UaGlzIGlzIGEgbGVhZCBwYXJhZ3JhcGguPC9wPgogICAgPHAgY2xhc3M9InRleHQtY2VudGVyIj5DZW50ZXItYWxpZ25lZCB0ZXh0LjwvcD4KICAgIDxwIGNsYXNzPSJ0ZXh0LWVuZCI+UmlnaHQtYWxpZ25lZCB0ZXh0LjwvcD4KICAgIDxwIGNsYXNzPSJ0ZXh0LXN0YXJ0Ij5MZWZ0LWFsaWduZWQgdGV4dC48L3A+CiAgICA8c2NyaXB0IHNyYz0iaHR0cHM6Ly9jZG4uanNkZWxpdnIubmV0L25wbS9ib290c3RyYXBANS4zLjIvZGlzdC9qcy9ib290c3RyYXAubWluLmpzIj48L3NjcmlwdD4KICA8L2JvZHk+CjwvaHRtbD4=

Esplora i principi fondamentali del framework CSS Bootstrap e scopri i segreti per realizzare siti web reattivi e visivamente accattivanti in modo rapido ed efficiente. Attraverso un'esplorazione pratica delle principali utility e l'implementazione di potenti componenti, acquisirai un'esperienza pratica preziosa per ottimizzare il tuo flusso di lavoro nello sviluppo web utilizzando il versatile toolkit di Bootstrap.

Esplora l'essenza di Bootstrap e il suo percorso dall'inizio fino ad oggi, valuta i suoi vantaggi e svantaggi e comprendi i prerequisiti per un'implementazione efficace.

Esplorazione delle opzioni di installazione di Bootstrap. Scelta tra integrazione rapida tramite Content Delivery Network (CDN) o un approccio più personalizzato con Node Package Manager (NPM).

Acquisizione di competenze negli elementi chiave di Bootstrap, tra cui il versatile sistema a griglia, la tipografia dettagliata, l'utilizzo dinamico dei pulsanti, la gestione precisa di margini e spaziature, e la creazione di moduli efficaci per un'interazione utente senza soluzione di continuità.

Migliora le tue competenze in Bootstrap con argomenti avanzati che includono menu di navigazione dinamici, gestione reattiva delle immagini, layout di card versatili, modali interattivi e caroselli coinvolgenti per esperienze utente accattivanti.

Crea un sito portfolio utilizzando il framework Bootstrap con la nostra guida. Sfrutta le potenti funzionalità di Bootstrap. Questa sezione pratica aiuterà a mostrare competenze, progetti e risultati.

Elementi Essenziali di Tipografia in Bootstrap

Classi tipografiche comuni

Intestazioni

Dimensione del carattere

Peso del carattere e corsivo

Testo principale