Bootstrap 5 tekst Bold z przykładami kodu

Bootstrap pomaga w tworzeniu przyjaznych mobilności i responsywnym stronom internetowym. Mówiąc dokładniej, Bootstrap 5 wprowadza kilka nowych dodatków i ulepszeń, w tym nową metodę odważnego tekstu. W poprzedniej wersji (Bootstrap 4), „czcionek-rozładowani„Klasa jest wykorzystywana do odważnego tekstu. Jednak w Bootstrap 5, „FW-BOLD„Klasa jest wykorzystywana do tego celu.

Ten post będzie Cię poinstruować, jak zrobić odważny tekst w Bootstrap 5.

Bootstrap 5 tekst Bold z przykładami kodu

W Bootstrap 5, „FW-BOLD„Klasa jest wykorzystywana do odważnego tekstu. W "Bootstrap.CSS”Plik, klasa„ FW-Bold ”ma„grubość czcionki„Własność o wartości”700".

Przykład 1: Jak odważić tekst w Bootstrap 5?

Sprawdź poniższy przykład:

• Dodaj dwa „

  ”Elementy, które wyświetlają odpowiednio normalny i odważny tekst.

• Określ „Centrum tekstu”Jako klasa obu elementów.
• „„FW-BOLD„Klasa jest przypisana do drugiego”

  „Element tylko po to, aby zobaczyć różnicę.

• „„Niebezpieczeństwo tekstowe”Klasa pokazuje tekst w kolorze czerwonym.

Oto kod HTML:

Linuxhint

Linuxhint

Wyjście

Przykład 2: Jak odważić tekst w akapicie?

Podczas czytania książki lub badań widzimy odważny tekst w akapicie. Te odważne terminy przekazują czytelnikom ich znaczenie. Odważny tekst musi być wystarczająco odważny, aby się wyróżnić. Nie może to jednak zakłócać czytelników wizualnie.

Zobaczmy, jak uczynić tekst odważny w akapicie:

Linuxhint to najlepsza strona internetowa samouczka . Zapewnia jakość> artykuły i> Treść wideo edukować świat!

Można zauważyć, że wybrane części tekstowe mają odważny styl czcionki:

Zebraliśmy przykłady do odważnego tekstu w Bootstrap 5 z przykładami.

Wniosek

W Bootstrap 5, „FW-BOLD„Klasa jest wykorzystywana do odważnego czcionki. Ta klasa jest zadeklarowana „grubość czcionki„Własność o wartości”700". Aby rozważyć tekst w akapicie, użyj elementu inline, takiego jak „”Z klasą„ FW-Bold ”. Ten post wyjaśnił, jak odważić tekst w Bootstrap 5 z przykładami.