Bootstrap Text Capitalize con ejemplos de código

Bootstrap Text Capitalize con ejemplos de código
Bootstrap ofrece cientos de clases de CSS para diseñar fácilmente elementos HTML. Estas clases se prediseñan con las propiedades CSS. Todo lo que tiene que hacer es agregar la clase de arranque específica a los elementos HTML. Más específicamente, Bootstrap también proporciona clases de estilo para establecer la alineación y los casos del texto. Las clases de arranque de texto-transformación se utilizan para ajustar los casos de texto donde "*"Denota el"minúscula","mayúscula", y "capitalizar".

Este artículo guiará:

  • Cómo capitalizar el primer personaje de cada palabra en bootstrap?
  • Cómo diseñar la primera letra del texto en bootstrap?

Prerrequisito: cree un archivo HTML

En HTML, agregue el "

Para comenzar, deja de hablar y comienza a hacer.

El anterior agregado "

"El texto del elemento se verá así:

Cómo capitalizar el primer personaje de cada palabra en bootstrap?

El "Capitalización de textoLa clase se utiliza para capitalizar la primera letra de cada palabra. Esta clase de bootstrap tiene un CSS predefinido "transformación de texto"Propiedad con el valor"capitalizar":

Para comenzar, deja de hablar y comienza a hacer.

Se puede observar que el primer carácter de cada palabra ha sido capitalizado:

Cómo diseñar la primera letra del texto en bootstrap?

El CSS "::primera letraSe utiliza la pseudo-clase para seleccionar la primera letra del texto:

.Text-Capitalize :: Primera letra
color marrón;
tamaño de fuente: 60px;
Font-Weight: Bold;

Las siguientes propiedades de CSS se especifican con la primera letra del "

" elemento:

  • "color"Ajusta el color de la fuente.
  • "tamaño de fuente"Determina el tamaño de la fuente.
  • "pescado"Especifica el grosor de la fuente.

Producción

Eso se trataba de capitalizar la capitalización del texto de bootstrap con ejemplos de código.

Conclusión

Bootstrap "Capitalización de textoLa clase se utiliza para capitalizar la primera letra de cada palabra. Para capitalizar el primer carácter de cada palabra del elemento, primero, agregue algún texto usando los elementos, como "

","

", o más. Luego, especifique la clase de "texto de texto" a ese elemento particular. Este artículo ha explicado la clase Bootstrap Text-Capitalize con ejemplos de código.