Come faccio a evidenziare il testo in bootstrap?

Come faccio a evidenziare il testo in bootstrap?

Bootstrap è un framework CSS che offre classi predefinite da utilizzare con gli elementi HTML. In Bootstrap, ci sono molti modi per decorare il testo, come sottolineare, sovrano, colore marcato e molti altri. Evidenziazione del testo si riferisce allo stile che rende il testo di spicco e si distingue all'interno di un documento.

Questo post descriverà come evidenziare il testo in bootstrap.

Come evidenziare il testo in bootstrap?

In bootstrap, il ""L'elemento viene utilizzato per evidenziare il testo. Questo tag è definito con il "colore di sfondo"Proprietà con il valore"#fcf8e3".

Vedere l'esempio indicato di seguito.

Esempio 1: evidenziare il testo usando "Elemento

Aggiungi il "

"Tag nel file HTML e posiziona il testo che si desidera evidenziare all'interno del""Tag:

Mark: Benvenuti a Linuxhint!


Produzione


Esempio 2: modificare il "colore di fondo" dell'elemento ""

Abbiamo visto come il ""L'elemento evidenzia il testo. Tuttavia, puoi anche usare il "bg-*"Classe per impostare il colore in base al tuo bisogno.

L'esempio seguente utilizza il "BG-Info"Classe per evidenziare il testo nel colore blu:

Mark: Benvenuti a Linuxhint!


Si può osservare che il testo aggiunto è stato evidenziato con successo secondo la classe specificata:


Ci sono alcuni altri elementi che vengono utilizzati per far risaltare il testo. Questi elementi sono elencati di seguito:

Dai un'occhiata all'esempio che utilizza questi elementi con "

Strong: Benvenuti a Linuxhint!


Piccolo: benvenuto a Linuxhint!


U: Benvenuti a Linuxhint!


INS: Benvenuti in Linuxhint!


Del: Benvenuti a Linuxhint!.


S: Benvenuti a Linuxhint!


EM: Benvenuti a Linuxhint!


Produzione


Esempio 3: aggiungi il colore di sfondo per evidenziare il testo

Puoi anche usare il “bg-*"Classe per evidenziare il testo come dimostrato nell'esempio seguente:

Benvenuti in Linuxhint


Qui, il specificato "BG-Warning"La classe applicherà lo sfondo giallo:


Questi sono i modi per evidenziare il testo in bootstrap.

Conclusione

Per evidenziare il testo in bootstrap, il ""L'elemento viene utilizzato. Questo elemento applica il “#fcf8e3"Colore allo sfondo dell'elemento. Inoltre, il bootstrap "bg-*"La classe può anche essere utilizzata per evidenziare il testo in cui"*"Indica il colore che verrà applicato. Questo post ha spiegato i modi per evidenziare il testo in bootstrap.