Bootstrap 5 testo audace con esempi di codice

Bootstrap aiuta nella creazione di pagine Web a misura di cellulare e reattive. Più specificamente, Bootstrap 5 offre diverse nuove aggiunte e miglioramenti, incluso un nuovo metodo per il testo in grassetto. Nella versione precedente (Bootstrap 4), il “Font-Weight-Bold"La classe viene utilizzata per rendere il testo in grasse. Tuttavia, in Bootstrap 5, il "FW-Bold"La classe è utilizzata per questo scopo.

Questo post ti istruirà su come fare un testo audace in bootstrap 5.

Bootstrap 5 testo audace con esempi di codice

In Bootstrap 5, il "FW-Bold"La classe viene utilizzata per rendere il testo in grasse. Nel "Bootstrap.CSS"File, la classe" FW-Bold "ha il"Font-peso"Proprietà con il valore"700".

Esempio 1: come rendere il testo audace in bootstrap 5?

Dai un'occhiata all'esempio indicato di seguito:

• Aggiungi due "

  "Elementi che mostrano rispettivamente il testo normale e in grassetto.

• Specificare "centro di testo"Come la classe di entrambi gli elementi.
• IL "FW-Bold"La classe è assegnata al secondo"

  "Elemento solo per vedere la differenza.

• IL "canale di testo"La classe mostra il testo in colore rosso.

Ecco il codice HTML:

Linuxhint

Linuxhint

Produzione

Esempio 2: come rendere il testo audace all'interno di un paragrafo?

Mentre leggiamo un libro o una ricerca, vediamo un testo audace all'interno del paragrafo. Questi termini audaci trasmettono la loro importanza ai lettori. Il testo audace deve essere abbastanza audace da distinguersi. Tuttavia, non deve disturbare visivamente i lettori.

Vediamo come rendere il testo audace nel paragrafo:

Linuxhint è il sito Web migliore> tutorial . Fornisce qualità> articoli e> contenuti video per educare il mondo!

Si può osservare che le parti di testo selezionate hanno uno stile di carattere audace:

Abbiamo compilato gli esempi in un testo in grassetto in bootstrap 5 con esempi.

Conclusione

In Bootstrap 5, il "FW-Bold"La classe è utilizzata per rendere il carattere audace. Questa classe è dichiarata con il "Font-peso"Proprietà con il valore"700". Per rendere il testo in grassetto all'interno del paragrafo, utilizzare l'elemento inline, come ""Con la classe" FW-Bold ". Questo post ha spiegato come rendere il testo audace in bootstrap 5 con esempi.