Jak wyróżnić tekst w bootstrapie?

Jak wyróżnić tekst w bootstrapie?

Bootstrap to framework CSS, który oferuje predefiniowane klasy do użycia z elementami HTML. W bootstrapie istnieje wiele sposobów na dekorowanie tekstu, takich jak podkreślenie, nadanie, oznaczenie koloru i wiele innych. Podkreślenie tekstu odnosi się do stylu, który sprawia, że ​​tekst jest widoczny i wyróżnia się w dokumencie.

Ten post opisuje, jak wyróżnić tekst w bootstrapie.

Jak wyróżnić tekst w bootstrapie?

W bootstrapie „„Element jest wykorzystywany do podkreślenia tekstu. Ten tag jest zdefiniowany za pomocą „kolor tła„Własność o wartości”#fcf8e3".

Zobacz przykład podany poniżej.

Przykład 1: Podświetl tekst przy użyciu „elementu

Dodaj "

”Zagaduj w pliku HTML i umieść tekst, który chcesz podkreślić w„”Tag:

Mark: Witamy w Linuxhint!


Wyjście


Przykład 2: Zmień „kolor tła” elementu „”

Widzieliśmy, jak „”Element podkreśla tekst. Możesz jednak również użyć „BG-*„Klasa, aby ustawić kolor zgodnie z potrzebami.

Poniższy przykład używa „BG-info„Klasa, aby podkreślić tekst w niebieskim kolorze:

Mark: Witamy w Linuxhint!


Można zauważyć, że dodany tekst został pomyślnie wyróżniony zgodnie z określoną klasą:


Istnieje kilka innych elementów, które są wykorzystywane do wyróżnienia tekstu. Te elementy są wymienione poniżej:

Sprawdź przykład, który wykorzystuje te elementy za pomocą „

Strong: Witamy w Linuxhint!


Małe: Witamy w Linuxhint!


U: Witamy w Linuxhint!


INS: Witamy w Linuxhint!


Del: Witamy w Linuxhint!.


S: Witamy w Linuxhint!


EM: Witamy w Linuxhint!


Wyjście


Przykład 3: Dodaj kolor tła, aby podświetlić tekst

Możesz także użyć „BG-*„Klasa, aby podkreślić tekst, jak pokazano w poniższym przykładzie:

Witamy w Linuxhint


Tutaj określone „Warning BG„Klasa zastosuje żółte tło:


To są sposoby podkreślenia tekstu w bootstrapie.

Wniosek

Aby podkreślić tekst w bootstrapie, „„Element jest wykorzystywany. Ten element ma zastosowanie „#fcf8e3„Kolor tła elementu. Co więcej, bootstrap „BG-*„Klasa może być również użyta do podkreślenia tekstu, w którym„*”Wskazuje kolor, który zostanie zastosowany. Ten post wyjaśnił sposoby wyróżnienia tekstu w bootstrapie.