Ustaw czcionek za pomocą klas bootstrap
Ten zapis opisuje następujące czynności:
- Dostosowanie czcionki za pomocą klas Bootstrap 4
- Dostosowanie czcionki za pomocą klas Bootstrap 5
Dostosowanie czcionki za pomocą klas Bootstrap 4
W Bootstrap 4 masa czcionki elementów jest regulowana za pomocą kilku klas. Aby uzyskać praktyczną demonstrację, przejrzyj poniższe sekcje.
Jak sprawić, by waga czcionki była normalna w bootstrap 4?
„„czcionek-worka-normalna„Klasa jest wykorzystywana do wykonania normalnego tekstu. Ta klasa ma predefiniowane CSS ”grubość czcionki„Własność o wartości”400".
Przykład
Dodać "”Element z pewnym tekstem i przypisz go„czcionek-worka-normalna" klasa.
Html
czcionek-worka-normalna
Wyjście
Jak sprawić, by czcionka światła w bootstrap 4?
„„światło czcionki„Klasa sprawia, że tekst jest cienki. Ma predefiniowany CSS "grubość czcionki„Własność o wartości”300".
Przykład
W trwającym przykładzie dodaj klasę „czcionki do światła” do „
" element:
Html
światło czcionki
Wyjście
Jak odważyć wagę czcionki w bootstrap 4?
„„czcionek-rozładowani„Klasa jest wykorzystywana do tworzenia odważnego tekstu. Ma predefiniowaną właściwość CSS „W-W-Wight” o wartości ”700".
Przykład Html czcionek-rozładowani Wyjście Jak zrobić czcionkę kursywą w bootstrap 4? „„Font-Italic„Klasa jest wykorzystywana do tworzenia czcionki w stylu kursywnym. Ma predefiniowany CSS "styl czcionki„Własność o wartości”italski". Przykład ”Tag: Html Font-Italic Wyjście Dostosowanie czcionki za pomocą klas Bootstrap 5 Za pomocą Bootstrap 5 wykorzystywane są następujące klasy do dostosowania masy czcionki różnych elementów. Jak sprawić, by waga czcionki była normalna w bootstrap 5? „„FW-normalne„Klasa jest wykorzystywana do tworzenia normalnego stylu czcionki tekstu. Ma predefiniowaną właściwość CSS „W-W-Wight” o wartości ”400". Przykład " element: Html FW-normalne Wyjście Jak odważyć ciężar czcionki w bootstrap 5? „„czcionek-rozładowani„Klasa jest wykorzystywana do odważnego tekstu. Ma predefiniowany CSS "grubość czcionki„Klasa z wartością”700". Przykład ”Tag. Html FW-BOLD Wyjście Jak sprawić, by waga czcionka odważniejsza w bootstrap 5? „„FW-Bolder„Klasa jest wykorzystywana do odważności tekstu. Ma predefiniowany CSS "grubość czcionki”Z wartością„odważniejszy". Przykład " element. Html FW-Bolder Wyjście Jak sprawić, by czcionka światła w bootstrap 5? „„światło czcionki„Klasa jest wykorzystywana do czynienia tekstu. Ma predefiniowany styl „grubość czcionki„Posiadanie wartości„300". Przykład " element. Html FW-Light Wyjście Jak sprawić, by waga czcionkowa była lżejsza w bootstrap 5? „„logostwo czcionka„Klasa jest wykorzystywana do osiągnięcia lżejszego tekstu. Ma predefiniowany styl CSS ”grubość czcionki„Własność o wartości”zapalniczka". Przykład " element. Html logosto FW Wyjście Jak sprawić, by styl czcionki był normalny w bootstrap 5? „„Fst-normalny„Klasa jest wykorzystywana do wykonania tekstu w normalnym stylu. Ma predefiniowany styl CSS ”styl czcionki„Własność o wartości”normalna". Przykład " element. Html Fst-normalny Wyjście Jak zrobić kursywę w stylu czcionek w bootstrap 5? „„fst-Italic„Klasa jest wykorzystywana do tworzenia tekstu w stylu kursywnym. Ma predefiniowany styl „styl czcionki„Własność o wartości”italski". Przykład „Element z klasą„ FST-Italic ”. Html fst-Italic Wyjście Chodziło o ustawianie czcionki za pomocą klas bootstrap. Wniosek Bootstrap 4 oferuje kilka klas, aby ustawić wagę czcionki elementu. Obejmują one, "czcionek-worka-normalna”,„światło czcionki”,„czcionek-rozładowani", I "Font-Italic". W Bootstrap 5, „FW-normalne”,„FW-BOLD”,„FW-Light”,„FW-Bolder”I więcej jest używanych. Ten zapis wyjaśnił, jak ustawić masę czcionki za pomocą klas bootstrap.
Dodaj "czcionek-rozładowani„Klasa do„
Dodaj "Font-Italic„Klasa do„
Dodaj "FW-normalne„Klasa do„
Dodaj klasę „FW-Bold” do „
Dodaj klasę „czcionek-boldera” do „
Dodaj klasę „FW-Light” do „
Dodaj „FW Lighter” do HTML „
Przypisz klasę „FST-normalną” do „
Przypisz „