Bootstrap fornisce diverse classi di dimensioni del carattere, ognuna delle quali corrisponde a una dimensione del carattere diversa. La classe di dimensioni dei caratteri in bootstrap è un insieme di stili CSS predefiniti che consentono agli sviluppatori di modificare facilmente la dimensione del carattere degli elementi di testo. Queste classi possono essere applicate a qualsiasi tag HTML.

Questo articolo spiegherà le classi di dimensioni dei caratteri in bootstrap.

Qual è la classe di dimensioni dei caratteri in bootstrap?

In Bootstrap 5, le classi di dimensioni dei caratteri vengono applicate usando il "fs-*", Dove "*"Indica il valore della dimensione del carattere. Le classi "FS-*" hanno il CSS predefinito "dimensione del font" proprietà.

Per una dimostrazione pratica, analizza l'esempio indicato di seguito.

Esempio

L'esempio seguente mostra le classi bootstrap "FS-1" A "FS-6". Queste classi rendono la dimensione del carattere dell'elemento uguale a "

","

","

","

","

", E "

"Elementi, rispettivamente. Quindi, aggiungi "

"Elementi e assegnare loro il"fs-*"Classi per applicare le classi di dimensioni dei caratteri:

Linuxhint

Linuxhint

Linuxhint

Linuxhint

Linuxhint

Linuxhint

Produzione

Puoi anche usare CSS per aggiungere stili alle classi desiderate. Ad esempio, il CSS "sfondo"Viene aggiunto a ogni classe. Puoi aggiungere gli stili CSS in base alle tue preferenze.

Classe "FS-1" di stile

.fs-1
Background-color: #CDE990;

Classe "FS-2" di stile

.fs-2
background-color: #aae3e2;

Classe "FS-3" di stile

.fs-3
Background-color: #F5C080;

Classe "FS-4" di stile

.fs-4
background-color: #fedeff;

Classe "FS-5" di stile

.fs-5
Background-color: #fad3e7;

Classe "FS-6" di stile

.fs-6
Background-color: #BFDB38;

Produzione

Si trattava di usare le classi di dimensioni dei caratteri usando bootstrap.

Conclusione

IL "fs-*"Le classi in bootstrap sono utilizzate per applicare le dimensioni dei caratteri agli elementi, in cui"*"Il simbolo indica il valore da 1 a 6. Innanzitutto, aggiungi elementi HTML per specificare un po 'di testo. Quindi, aggiungi la classe "fs-*" all'elemento particolare. Queste classi hanno il CSS "dimensione del font"Proprietà con un valore specifico. Questo articolo ha spiegato le classi di dimensioni del carattere bootstrap.