Summary  
This chapter covers how to use Bootstrap’s CSS utility classes to style and format text by applying predefined colors, transforming letter case, and adding or removing text decorations.

General domain of usage  
Front-end web development

## Colore del testo
Bootstrap offre una serie di classi di utilità per applicare colori di testo predefiniti agli elementi.
- `text-primary`: Imposta il colore del testo su un colore primario, tipicamente una tonalità di blu;
- `text-secondary`: Imposta il colore del testo su un colore secondario, spesso una tonalità di grigio;
- `text-success`: Imposta il colore del testo per indicare successo, tipicamente una tonalità di verde;
- `text-danger`: Imposta il colore del testo per indicare pericolo o errore, spesso una tonalità di rosso;
- `text-warning`: Imposta il colore del testo per indicare un avviso, solitamente una tonalità di giallo;
- `text-info`: Imposta il colore del testo per trasmettere informazioni, spesso una tonalità di ciano o teal;
- `text-light`: Imposta il colore del testo su una tonalità più chiara, tipicamente grigio chiaro o bianco;
- `text-dark`: Imposta il colore del testo su una tonalità più scura, tipicamente grigio scuro o nero;
- `text-muted`: Imposta il colore del testo su una tonalità attenuata o smorzata, spesso grigio chiaro, per indicare che il testo è meno importante o disabilitato.

Queste classi possono essere applicate a elementi come `<p>`, `<span>`, `<div>`, `<h>` ecc.

PCFET0NUWVBFIGh0bWw+CjxodG1sIGxhbmc9ImVuIj4KICA8aGVhZD4KICAgIDxtZXRhIGNoYXJzZXQ9IlVURi04IiAvPgogICAgPG1ldGEgbmFtZT0idmlld3BvcnQiIGNvbnRlbnQ9IndpZHRoPWRldmljZS13aWR0aCwgaW5pdGlhbC1zY2FsZT0xLjAiIC8+CiAgICA8dGl0bGU+VHlwb2dyYXBoeSBQYXJ0IDIgRXhhbXBsZSAxPC90aXRsZT4KICAgIDxsaW5rCiAgICAgIGhyZWY9Imh0dHBzOi8vY2RuLmpzZGVsaXZyLm5ldC9ucG0vYm9vdHN0cmFwQDUuMy4yL2Rpc3QvY3NzL2Jvb3RzdHJhcC5taW4uY3NzIgogICAgICByZWw9InN0eWxlc2hlZXQiCiAgICAvPgogIDwvaGVhZD4KICA8Ym9keT4KICAgIDxkaXYgY2xhc3M9InJvdyI+CiAgICAgIDxkaXYgY2xhc3M9ImNvbCI+CiAgICAgICAgPHAgY2xhc3M9InRleHQtcHJpbWFyeSI+LnRleHQtcHJpbWFyeTwvcD4KICAgICAgICA8cCBjbGFzcz0idGV4dC1zZWNvbmRhcnkiPi50ZXh0LXNlY29uZGFyeTwvcD4KICAgICAgICA8cCBjbGFzcz0idGV4dC1zdWNjZXNzIj4udGV4dC1zdWNjZXNzPC9wPgogICAgICA8L2Rpdj4KICAgICAgPGRpdiBjbGFzcz0iY29sIj4KICAgICAgICA8cCBjbGFzcz0idGV4dC1kYW5nZXIiPi50ZXh0LWRhbmdlcjwvcD4KICAgICAgICA8cCBjbGFzcz0idGV4dC13YXJuaW5nIj4udGV4dC13YXJuaW5nPC9wPgogICAgICAgIDxwIGNsYXNzPSJ0ZXh0LWluZm8iPi50ZXh0LWluZm88L3A+CiAgICAgIDwvZGl2PgogICAgICA8ZGl2IGNsYXNzPSJjb2wiPgogICAgICAgIDxwIGNsYXNzPSJ0ZXh0LWxpZ2h0IGJnLWRhcmsiPi50ZXh0LWxpZ2h0PC9wPgogICAgICAgIDxwIGNsYXNzPSJ0ZXh0LWRhcmsiPi50ZXh0LWRhcms8L3A+CiAgICAgICAgPHAgY2xhc3M9InRleHQtbXV0ZWQiPi50ZXh0LW11dGVkPC9wPgogICAgICA8L2Rpdj4KICAgIDwvZGl2PgogICAgPHNjcmlwdCBzcmM9Imh0dHBzOi8vY2RuLmpzZGVsaXZyLm5ldC9ucG0vYm9vdHN0cmFwQDUuMy4yL2Rpc3QvanMvYm9vdHN0cmFwLm1pbi5qcyI+PC9zY3JpcHQ+CiAgPC9ib2R5Pgo8L2h0bWw+

## Trasformazione del testo
Classi come `text-uppercase,` `text-lowercase,` e `text-capitalize` trasformano il testo.
- `text-uppercase`: Converte il testo in maiuscolo;
- `text-lowercase`: Converte il testo in minuscolo;
- `text-capitalize`: Mette in maiuscolo la prima lettera di ogni parola nel testo.

PCFET0NUWVBFIGh0bWw+CjxodG1sIGxhbmc9ImVuIj4KICA8aGVhZD4KICAgIDxtZXRhIGNoYXJzZXQ9IlVURi04IiAvPgogICAgPG1ldGEgbmFtZT0idmlld3BvcnQiIGNvbnRlbnQ9IndpZHRoPWRldmljZS13aWR0aCwgaW5pdGlhbC1zY2FsZT0xLjAiIC8+CiAgICA8dGl0bGU+VHlwb2dyYXBoeSBQYXJ0IDIgRXhhbXBsZSAyPC90aXRsZT4KICAgIDxsaW5rCiAgICAgIGhyZWY9Imh0dHBzOi8vY2RuLmpzZGVsaXZyLm5ldC9ucG0vYm9vdHN0cmFwQDUuMy4yL2Rpc3QvY3NzL2Jvb3RzdHJhcC5taW4uY3NzIgogICAgICByZWw9InN0eWxlc2hlZXQiCiAgICAvPgogIDwvaGVhZD4KICA8Ym9keT4KICAgIDxwIGNsYXNzPSJ0ZXh0LXVwcGVyY2FzZSI+dVBwRXJDYVNlIFRlWHQ8L3A+CiAgICA8cCBjbGFzcz0idGV4dC1sb3dlcmNhc2UiPkxvV2VSY0FzRSB0RXhUPC9wPgogICAgPHAgY2xhc3M9InRleHQtY2FwaXRhbGl6ZSI+Y2FwaXRhbGl6ZSBmaXJzdCBsZXR0ZXI8L3A+CiAgICA8c2NyaXB0IHNyYz0iaHR0cHM6Ly9jZG4uanNkZWxpdnIubmV0L25wbS9ib290c3RyYXBANS4zLjIvZGlzdC9qcy9ib290c3RyYXAubWluLmpzIj48L3NjcmlwdD4KICA8L2JvZHk+CjwvaHRtbD4=

## Decorazione del testo
Classi come `text-decoration-underline`, `text-decoration-line-through` e `text-decoration-none` vengono utilizzate per decorare il testo.
- `text-decoration-underline`: Aggiunge una sottolineatura al testo;
- `text-decoration-line-through`: Aggiunge una linea attraverso il testo;
- `text-decoration-none`: Rimuove tutte le decorazioni dal testo.

PCFET0NUWVBFIGh0bWw+CjxodG1sIGxhbmc9ImVuIj4KICA8aGVhZD4KICAgIDxtZXRhIGNoYXJzZXQ9IlVURi04IiAvPgogICAgPG1ldGEgbmFtZT0idmlld3BvcnQiIGNvbnRlbnQ9IndpZHRoPWRldmljZS13aWR0aCwgaW5pdGlhbC1zY2FsZT0xLjAiIC8+CiAgICA8dGl0bGU+VHlwb2dyYXBoeSBQYXJ0IDIgRXhhbXBsZSAzPC90aXRsZT4KICAgIDxsaW5rCiAgICAgIGhyZWY9Imh0dHBzOi8vY2RuLmpzZGVsaXZyLm5ldC9ucG0vYm9vdHN0cmFwQDUuMy4yL2Rpc3QvY3NzL2Jvb3RzdHJhcC5taW4uY3NzIgogICAgICByZWw9InN0eWxlc2hlZXQiCiAgICAvPgogIDwvaGVhZD4KICA8Ym9keT4KICAgIDxwIGNsYXNzPSJ0ZXh0LWRlY29yYXRpb24tdW5kZXJsaW5lIj5VbmRlcmxpbmVkIHRleHQ8L3A+CiAgICA8cCBjbGFzcz0idGV4dC1kZWNvcmF0aW9uLWxpbmUtdGhyb3VnaCI+VGV4dCB3aXRoIGEgbGluZSB0aHJvdWdoPC9wPgogICAgPGEgY2xhc3M9InRleHQtZGVjb3JhdGlvbi1ub25lIj4KICAgICAgQW5jaG9yIHRhZyB3aXRoIHVuZGVybGluZSBieSBkZWZhdWx0LiBSZW1vdmVkIHVzaW5nCiAgICAgIDxjb2RlPnRleHQtZGVjb3JhdGlvbi1ub25lPC9jb2RlPi4KICAgIDwvYT4KICAgIDxzY3JpcHQgc3JjPSJodHRwczovL2Nkbi5qc2RlbGl2ci5uZXQvbnBtL2Jvb3RzdHJhcEA1LjMuMi9kaXN0L2pzL2Jvb3RzdHJhcC5taW4uanMiPjwvc2NyaXB0PgogIDwvYm9keT4KPC9odG1sPg==

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.

Formattazione e Stile del Testo in Bootstrap

Awesome!

Formattazione e Stile del Testo in Bootstrap