Bootstrap 5 Texte en gras avec des exemples de code

Bootstrap aide à la création de pages Web conviviales et réactives. Plus précisément, Bootstrap 5 apporte plusieurs nouveaux ajouts et améliorations, y compris une nouvelle méthode au texte gras. Dans la version précédente (bootstrap 4), le «Font-Weight-Bold"La classe est utilisée pour rendre le texte audacieux. Cependant, dans Bootstrap 5, le «gras"La classe est utilisée à cet effet.

Ce message vous enseignera comment faire du texte gras dans bootstrap 5.

Bootstrap 5 Texte en gras avec des exemples de code

Dans Bootstrap 5, le «gras"La classe est utilisée pour rendre le texte en gras. Dans le "Amorcer.CSS«Fichier, la classe« FW-Bold »a la«poids de police«Propriété avec la valeur»700".

Exemple 1: Comment rendre le texte audacieux dans Bootstrap 5?

Consultez l'exemple mentionné ci-dessous:

• Ajoutez deux "

  »Éléments qui affichent le texte normal et audacieux, respectivement.

• Spécifier "centre de texte"Comme la classe des deux éléments.
• Le "gras"La classe est affectée au second"

  ”Element uniquement pour voir la différence.

• Le "danger de texte"La classe montre le texte en couleur rouge.

Voici le code HTML:

Linuxhint

Linuxhint

Sortir

Exemple 2: Comment rendre le texte audacieux dans un paragraphe?

En lisant un livre ou une recherche, nous voyons du texte audacieux dans le paragraphe. Ces termes audacieux transmettent leur importance aux lecteurs. Le texte audacieux doit être assez audacieux pour se démarquer. Cependant, il ne doit pas déranger visuellement les lecteurs.

Voyons comment rendre le texte audacieux dans le paragraphe:

Linuxhint est le meilleur site Web de tutoriel . Il offre des articles de qualité> et> contenu vidéo Pour éduquer le monde!

On peut observer que les pièces de texte sélectionnées ont un style de police audacieux:

Nous avons compilé les exemples du texte en gras dans bootstrap 5 avec des exemples.

Conclusion

Dans Bootstrap 5, le «gras«La classe est utilisée pour rendre la police en gras. Cette classe est déclarée avec le «poids de police«Propriété ayant la valeur»700". Pour rendre le texte en gras dans le paragraphe, utilisez l'élément en ligne, comme «"Avec la classe" FW-Bold ". Ce message a expliqué comment rendre le texte audacieux dans Bootstrap 5 avec des exemples.