Impara Formattazione e Stile del Testo in Bootstrap | Concetti di Base

Fondamenti di Bootstrap per Siti Web Moderni

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.

index.html

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.

index.html

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.

index.html

Tutto è chiaro?

Grazie per i tuoi commenti!

Sezione 3. Capitolo 3

Chieda ad AI

Chieda ad AI

Chieda pure quello che desidera o provi una delle domande suggerite per iniziare la nostra conversazione

Suggested prompts:

What are some examples of using these text utility classes in HTML?

Can I combine multiple text utility classes on a single element?

Are these text utility classes responsive or can they be used with breakpoints?

Awesome!

Completion rate improved to 3.23

Scorri per mostrare il menu

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.

index.html

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.

index.html

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.

index.html

Tutto è chiaro?

Grazie per i tuoi commenti!

Sezione 3. Capitolo 3

some-alt