Ejemplo de transformación de texto de bootstrap

Al crear cualquier aplicación, el texto debe ser simple y comprensible para los usuarios. Los casos de texto también pueden afectar la apariencia de la aplicación. El "transformación de textoSe utiliza la propiedad en CSS para especificar cómo se puede capitalizar el texto. Puede hacer todo el texto en mayúsculas o minúsculas o hacer capitalizar la primera letra de cada palabra. Más específicamente, hay clases en bootstrap que realizan la tarea mencionada anteriormente.

Este artículo describirá:

• ¿Qué es la propiedad de "texto de transformación" de bootstrap??
• Cómo convertir el texto en mayúsculas usando bootstrap?
• Cómo capitalizar el primer carácter del texto usando Bootstrap?
• Cómo transformar el texto en minúsculas usando bootstrap?

¿Qué es la propiedad de "texto de transformación" de bootstrap??

En Bootstrap, el "texto-*"Las clases se utilizan para transformar el texto donde"*"Indica los valores"capitalizar","mayúscula", y "minúscula". Estos valores se usan en consecuencia.

Para una demostración práctica, pase por las secciones de forma inferior.

Método 1: Cómo convertir el texto en mayúsculas usando Bootstrap?

Bootstrap "soporte de textoLa clase se utiliza para transformar cada letra en mayúsculas. Esta clase tiene un estilo predefinido en el que el "transformación de texto"La propiedad de CSS se establece con el valor"mayúscula".

Ejemplo

Primero, agregue un enlace a los archivos de arranque dentro de la sección Head del archivo HTML utilizando el "

El elemento "en el archivo y asignarlo el"soporte de texto" clase.

Html

Clase de bootstrap "Text-Upper"

Se puede observar que el texto agregado se ha transformado en todos los mayúsculas:

Método 2: Cómo capitalizar el primer carácter de cada palabra usando bootstrap?

Bootstrap "Capitalización de texto"La clase hace la primera capital de carácter de cada palabra. Esta clase tiene un estilo predefinido donde el "transformación de texto"La propiedad está teniendo el valor"capitalizar".

Ejemplo

Agrega un "

"Elemento en el archivo HTML y asignarlo el"Capitalización de texto" clase.

Html

Bootstrap "Texto Capitalizar" la clase

Producción

Método 3: Cómo transformar el texto en minúsculas usando bootstrap?

Bootstrap "césped de textoLa clase convierte cada letra en minúsculas. Esta clase tiene un estilo predefinido en el que el CSS "transformación de texto"La propiedad se establece con el valor"minúscula".

Agrega un "

"Elemento en el archivo HTML y asignarlo el"césped de texto" clase.

Html

Bootstrap "Text-Lower" Clase

Producción

Eso se trataba de transformar el texto en bootstrap.

Conclusión

En Bootstrap, la transformación del texto se realiza utilizando el "Capitalización de texto","soporte de texto", y "césped de texto"Clases. Para hacerlo, primero, agregue el texto al archivo HTML y luego asigne el elemento con la clase deseada de acuerdo con su necesidad. Esta publicación ha explicado a través de ejemplos cómo transformar el texto en bootstrap.