Bootstrap fornece várias classes de tamanho de fonte diferentes, cada uma das quais corresponde a um tamanho de fonte diferente. A classe de tamanho de fonte no bootstrap é um conjunto de estilos CSS predefinidos que permitem que os desenvolvedores alterem facilmente o tamanho da fonte dos elementos de texto. Essas classes podem ser aplicadas a qualquer tag html.

Este artigo explicará as aulas de tamanho de fonte em bootstrap.

Qual é a classe de tamanho de fonte em bootstrap?

No bootstrap 5, as classes de tamanho de fonte são aplicadas usando o “fs-*", onde "*”Indica o valor do tamanho da fonte. As classes "fs-*" têm o CSS predefinido "tamanho da fonte" propriedade.

Para uma demonstração prática, analise o exemplo declarado abaixo.

Exemplo

O exemplo abaixo mostra as classes de bootstrap “FS-1" para "FS-6”. Essas classes tornam o tamanho da fonte do elemento igual ao “

","

","

","

","

", e "

”Elementos, respectivamente. Então, adicione “

”Elementos e atribui -lhes o“fs-*”Aulas para aplicar aulas de tamanho de fonte:

Linuxhint

Linuxhint

Linuxhint

Linuxhint

Linuxhint

Linuxhint

Saída

Você também pode usar CSS para adicionar estilos às classes desejadas. Por exemplo, o CSS “fundo”É adicionado a cada classe. Você pode adicionar estilos CSS de acordo com suas preferências.

Classe de estilo “FS-1”

.FS-1
Background-Color: #CDE990;

Classe de estilo “FS-2”

.FS-2
Background-Color: #AAE3E2;

Classe de estilo “FS-3”

.FS-3
Background-Color: #F5C080;

Classe de estilo “FS-4”

.FS-4
Background-Color: #Fedeff;

Classe de estilo “FS-5”

.FS-5
Background-Color: #FAD3E7;

Classe de estilo “FS-6”

.FS-6
Background-Color: #BFDB38;

Saída

Isso se tratava de usar as classes de tamanho de fonte usando o bootstrap.

Conclusão

O "fs-*”As aulas de bootstrap são utilizadas para aplicar tamanhos de fonte aos elementos, onde o“*”Símbolo indica o valor de 1 a 6. Primeiro, adicione elementos HTML para especificar algum texto. Em seguida, adicione a classe "fs-*" ao elemento específico. Essas classes têm o CSS “tamanho da fontePropriedade com um valor específico. Esta redação explicou as classes de tamanho de fonte Bootstrap.