Come funziona il colore del testo in bootstrap?

Come funziona il colore del testo in bootstrap?

Bootstrap è un framework di sviluppo front-end percepito. Crea siti Web reattivi e pronti per i dispositivi mobili. Questo framework fornisce anche molte caratteristiche, come classi integrate per margine e imbottitura, effetto dissolvenza e molti altri. Modificare il colore del testo degli elementi HTML è una delle caratteristiche essenziali. Per utilizzarlo, tutto ciò che devi fare è aggiungere la classe di colore agli elementi il ​​cui colore vuoi regolare.

Questo articolo ti insegnerà come funziona il colore del testo in bootstrap.

Classi di colore di testo bootstrap

Bootstrap utilizza un fascio di classi per cambiare il colore del testo. Alcuni di loro sono arruolati di seguito:

Classi di colore del testo Descrizione
SUCCESSIONE DEL TESTO Questa classe definisce il colore del testo verde.
Warning di testo Questa classe definisce il colore del testo giallo.
testo-primario Questa classe definisce il colore del testo blu.
Light di testo Questa classe definisce il colore del testo grigio.
text-info Questa classe definisce il colore del testo azzurro.
testo-buio Questa classe definisce il colore del testo grigio scuro.
canale di testo Questa classe definisce il colore del testo rosso.
testo-secondario Questa classe definisce il colore del testo grigio chiaro.


Comprendiamo il loro lavoro attraverso la dimostrazione pratica.

Come funziona il colore del testo in bootstrap?

Per impostare il colore del testo dell'elemento HTML, assegnare una classe a quel particolare elemento. Ad esempio, per cambiare il colore di "


Linuxhint


Linuxhint


Linuxhint


Linuxhint


Linuxhint


Linuxhint


Linuxhint


Linuxhint



Oltre alle classi bootstrap, puoi anche aggiungere CSS agli elementi HTML. Cambiamo la dimensione e lo stile del carattere del testo usando CSS.

Elemento "P" di stile

P
Font-Family: Fantasy;
Font-size: 25px;
spaziatura del carattere: .2em;


Di seguito sono riportate le proprietà CSS che vengono applicate al "

    • "famiglia di font"Definisce lo stile del carattere.
    • "dimensione del font"Indica la dimensione del carattere.
    • "spaziatura del carattere"Specifica lo spazio tra le lettere.

Produzione

Come regolare il colore di sfondo del testo?

Se vuoi rendere il colore del carattere prominente, puoi anche cambiare il colore di sfondo degli elementi. Questo può essere fatto usando il "bg-*"Classi, in cui l'asterisco"*"Simboleggia i colori, come"bg-dark","BG-Warning"E altro ancora.

Dai un'occhiata al seguente esempio che utilizza le classi bootstrap per modificare lo sfondo e i colori di testo dell'elemento:

Linuxhint


Linuxhint


Linuxhint


Linuxhint


Produzione


Ecco come è possibile utilizzare le classi di colore di testo bootstrap per modificare il colore del testo dell'elemento.

Conclusione

Il colore del testo funziona in bootstrap usando diverse classi. Queste classi includono "testo-primario","text-info","Light di testo","testo-buio","canale di testo"E altro ancora. Queste classi possono essere utilizzate secondo gli scenari, come il "SUCCESSIONE DEL TESTO"La classe viene utilizzata per mostrare alcuni messaggi di successo. Questo articolo ha dimostrato come funziona il colore del testo in bootstrap con esempi.