Bootstrap 5 texto en negrita con ejemplos de código

Bootstrap 5 texto en negrita con ejemplos de código

Bootstrap ayuda en la creación de páginas web amigables para dispositivos móviles y receptivos. Más específicamente, Bootstrap 5 trae varias nuevas incorporaciones y mejoras, incluido un nuevo método para el texto en negrita. En la versión anterior (Bootstrap 4), el "pescado pesado"La clase se utiliza para hacer que el texto sea en negrita. Sin embargo, en Bootstrap 5, el "FW-Bold"La clase se utiliza para este propósito.

Esta publicación le instruirá sobre cómo hacer texto en negrita en Bootstrap 5.

Bootstrap 5 texto en negrita con ejemplos de código

En Bootstrap 5, el "FW-Bold"La clase se utiliza para hacer que el texto sea en negrita. En el "Oreja.CSS"Archivo, la clase" FW-Bold "tiene la"pescado"Propiedad con el valor"700".

Ejemplo 1: Cómo hacer que el texto sea en negrita en Bootstrap 5?

Mira el ejemplo mencionado a continuación:

  • Agregar dos "

    "Elementos que muestran el texto normal y audaz, respectivamente.

  • Especificar "centro de texto"Como la clase de ambos elementos.
  • El "FW-Bold"La clase se asigna a la segunda"

    "Elemento solo para ver la diferencia.

  • El "amenazador de textoLa clase muestra el texto en color rojo.

Aquí está el código HTML:

Linuxhint


Linuxhint

Producción

Ejemplo 2: Cómo hacer que el texto sea en negrita dentro de un párrafo?

Mientras lee un libro o investigación, vemos texto en negrita dentro del párrafo. Estos términos en negrita transmiten su importancia a los lectores. El texto en negrita debe ser lo suficientemente valiente como para destacar. Sin embargo, no debe molestar a los lectores visualmente.

Veamos cómo hacer que el texto sea en negrita dentro del párrafo:


Linuxhint es el mejor sitio web de tutorial . Proporciona calidad> artículos y> contenido de video para educar al mundo!

Se puede observar que las piezas de texto seleccionadas tienen un estilo de fuente en negrita:

Hemos compilado los ejemplos de texto en negrita en Bootstrap 5 con ejemplos.

Conclusión

En Bootstrap 5, el "FW-Bold"La clase se utiliza para hacer que la fuente se atreque en negrita. Esta clase se declara con el "pescado"Propiedad que tiene el valor"700". Para hacer que el texto se atreque dentro del párrafo, use el elemento en línea, como ""Con la clase" FW-Bold ". Esta publicación ha explicado cómo hacer que el texto sea en negrita en Bootstrap 5 con ejemplos.