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 Elemento "P" di stile 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 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.
Oltre alle classi bootstrap, puoi anche aggiungere CSS agli elementi HTML. Cambiamo la dimensione e lo stile del carattere del testo usando CSS.P
Font-Family: Fantasy;
Font-size: 25px;
spaziatura del carattere: .2em;
Di seguito sono riportate le proprietà CSS che vengono applicate al "
Produzione
Ecco come è possibile utilizzare le classi di colore di testo bootstrap per modificare il colore del testo dell'elemento.