Bootstrap proporciona varias clases diferentes de tamaño de fuente, cada una de las cuales corresponde a un tamaño de fuente diferente. La clase de tamaño de fuente en Bootstrap es un conjunto de estilos CSS predefinidos que permiten a los desarrolladores cambiar fácilmente el tamaño de fuente de los elementos de texto. Estas clases se pueden aplicar a cualquier etiqueta HTML.

Este artículo explicará las clases de tamaño de fuente en Bootstrap.

¿Cuál es la clase de tamaño de fuente en bootstrap??

En Bootstrap 5, las clases de tamaño de fuente se aplican utilizando el "FS-*", dónde "*"Indica el valor del tamaño de la fuente. Las clases "FS-*" tienen el CSS predefinido "tamaño de fuente" propiedad.

Para una demostración práctica, analice el ejemplo establecido a continuación.

Ejemplo

El siguiente ejemplo muestra las clases de bootstrap "FS-1" a "FS-6". Estas clases hacen que el tamaño de fuente del elemento sea igual al "

","

","

","

","

", y "

"Elementos, respectivamente. Entonces, agregue "

"Elementos y asignarles el"FS-*Clases para aplicar clases de tamaño de fuente:

Linuxhint

Linuxhint

Linuxhint

Linuxhint

Linuxhint

Linuxhint

Producción

También puede usar CSS para agregar estilos a las clases deseadas. Por ejemplo, el CSS "fondo"Se agrega a cada clase. Puede agregar estilos CSS de acuerdo con sus preferencias.

Clase de estilo "FS-1"

.FS-1
Color de fondo: #CDE990;

Clase de estilo "FS-2"

.FS-2
Color de fondo: #AAE3E2;

Clase de estilo "FS-3"

.FS-3
Color de fondo: #F5C080;

Clase de estilo "FS-4"

.FS-4
Color de fondo: #fedeff;

Clase de estilo "FS-5"

.FS-5
Color de fondo: #FAD3E7;

Clase de estilo "FS-6"

.FS-6
Color de fondo: #BFDB38;

Producción

Eso se trataba de usar las clases de tamaño de fuente usando bootstrap.

Conclusión

El "FS-*"Las clases en Bootstrap se utilizan para aplicar tamaños de fuentes a los elementos, donde el"*"El símbolo denota el valor de 1 a 6. Primero, agregue elementos HTML para especificar algún texto. Luego, agregue la clase "fs-*" al elemento particular. Estas clases tienen el CSS "tamaño de fuente"Propiedad con un valor específico. Este artículo ha explicado las clases de tamaño de fuente de bootstrap.