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! EM: Witamy w Linuxhint! Możesz także użyć „BG-*„Klasa, aby podkreślić tekst, jak pokazano w poniższym przykładzie: Witamy w Linuxhint 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. Del: Witamy w Linuxhint!. S: Witamy w Linuxhint!
Wyjście
Przykład 3: Dodaj kolor tła, aby podświetlić tekst
Tutaj określone „Warning BG„Klasa zastosuje żółte tło:
To są sposoby podkreślenia tekstu w bootstrapie.