Imposta il weight di carattere usando le classi bootstrap
Questo articolo descriverà quanto segue:
- Regolazione del ponte di carattere usando le classi bootstrap 4
- Regolazione del ponte di carattere usando le classi Bootstrap 5
Regolazione del ponte di carattere usando le classi bootstrap 4
In Bootstrap 4, il peso del carattere degli elementi viene regolato usando diverse classi. Per una dimostrazione pratica, passare attraverso le sezioni seguenti.
Come rendere normale il peso del carattere in bootstrap 4?
IL "font-peso-normale"La classe viene utilizzata per creare il testo normale. Questa classe ha un CSS predefinito "Font-peso"Proprietà con il valore"400".
Esempio
Aggiungere un ""Elemento con un po 'di testo e assegnarlo il"font-peso-normale" classe.
Html
font-peso-normale
Produzione
Come creare la luce del carattere in bootstrap 4?
IL "Light-weight-light"La classe rende il testo sottile. Ha un CSS predefinito "Font-peso"Proprietà con il valore"300".
Esempio
Nell'esempio in corso, aggiungi la classe "Font-Weight-Light" alla "
"Elemento:
Html
Light-weight-light
Produzione
Come rendere il peso del carattere audace in bootstrap 4?
IL "Font-Weight-Bold"La classe viene utilizzata per fare un testo audace. Ha una proprietà predefinita di "font-weight" CSS con il valore "700".
Esempio Html Font-Weight-Bold Produzione Come fare il carattere corsivo in bootstrap 4? IL "Font-Italic"La classe viene utilizzata per creare il carattere in stile corsivo. Ha un CSS predefinito "stile carattere"Proprietà con il valore"corsivo". Esempio "Tag: Html Font-Italic Produzione Regolazione del ponte di carattere usando le classi Bootstrap 5 Utilizzando Bootstrap 5, le seguenti classi vengono utilizzate per regolare il peso del carattere di vari elementi. Come rendere normale il peso del carattere in bootstrap 5? IL "FW-normali"La classe viene utilizzata per creare il normale stile di carattere del testo. Ha una proprietà predefinita di "font-weight" CSS con il valore "400". Esempio "Elemento: Html FW-normali Produzione Come rendere il peso del carattere audace in bootstrap 5? IL "Font-Weight-Bold"La classe viene utilizzata per rendere il testo in grasse. Ha un CSS predefinito "Font-peso"Classe con il valore"700". Esempio "Tag. Html FW-Bold Produzione Come rendere il peso del carattere più audace in bootstrap 5? IL "FW-Bolder"La classe viene utilizzata per rendere il testo più audace. Ha un CSS predefinito "Font-peso"Con il valore"più audace". Esempio "Elemento. Html FW-Bolder Produzione Come creare il peso del carattere leggero in bootstrap 5? IL "Light-weight-light"La classe viene utilizzata per rendere il testo leggero. Ha uno stile predefinito di "Font-peso"Avere un valore di"300". Esempio "Elemento. Html FW-Light Produzione Come rendere più leggero il peso del carattere in bootstrap 5? IL "Font-peso"La classe viene utilizzata per rendere il testo più leggero. Ha uno stile CSS predefinito "Font-peso"Proprietà con il valore"accendino". Esempio "Elemento. Html FW-Light Produzione Come rendere normale lo stile del carattere in bootstrap 5? IL "FST-Normal"La classe viene utilizzata per creare il testo in stile normale. Ha uno stile predefinito di CSS "stile carattere"Proprietà con il valore"normale". Esempio "Elemento. Html FST-Normal Produzione Come fare il corsivo in stile carattere in bootstrap 5? IL "fst-italic"La classe viene utilizzata per creare il testo in stile corsivo. Ha uno stile predefinito di "stile carattere"Proprietà con il valore"corsivo". Esempio "Elemento con la classe" fst-italic ". Html fst-italic Produzione Si trattava di impostare il po 'di carattere usando le classi bootstrap. Conclusione Bootstrap 4 offre diverse classi per impostare il peso del carattere dell'elemento. Questi includono, "font-peso-normale","Light-weight-light","Font-Weight-Bold", E "Font-Italic". In Bootstrap 5, il "FW-normali","FW-Bold","FW-Light","FW-Bolder"E altri vengono utilizzati. Questo articolo ha spiegato come impostare il po 'di carattere usando le classi bootstrap.
Aggiungi il "Font-Weight-Bold”Classe per la"
Aggiungi il "Font-Italic”Classe per la"
Aggiungi il "FW-normali”Classe per la"
Aggiungi la classe "FW-Bold" a "
Aggiungi la classe "Font-Weight-Bolder" alla "
Aggiungi la classe "FW-Light" a "
Aggiungi "FW-Lighter" all'HTML "
Assegna la classe "FST-Normal" a "
Assegna il "