Bootstrap zapewnia kilka różnych klas wielkości czcionki, z których każda odpowiada innym rozmiarowi czcionki. Klasa wielkości czcionki w bootstrapie to zestaw wstępnie zdefiniowanych stylów CSS, które pozwalają programistom łatwo zmienić rozmiar czcionki elementów tekstowych. Klasy te można zastosować do dowolnego znacznika HTML.

Ten zapis wyjaśni klasy wielkości czcionki w bootstrapie.

Jaka jest klasa wielkości czcionki w bootstrapie?

W Bootstrap 5 klasy wielkości czcionki są stosowane za pomocą „fs-*", Gdzie "*”Wskazuje wartość wielkości czcionki. Klasy „FS-*” mają predefiniowane CSS ”rozmiar czcionki" nieruchomość.

Aby uzyskać praktyczną demonstrację, przeanalizuj poniższy przykład.

Przykład

Poniższy przykład pokazuje klasy bootstrap „FS-1" Do "FS-6". Te klasy sprawiają, że rozmiar czcionki elementu jest równy „

”,„

”,„

”,„

”,„

", I "

”Odpowiednio elementy. Więc dodaj „

”Elementy i przypisuj im„fs-*„Zajęcia do zastosowania klas wielkości czcionki:

Linuxhint

Linuxhint

Linuxhint

Linuxhint

Linuxhint

Linuxhint

Wyjście

Możesz także użyć CSS, aby dodać style do żądanych klas. Na przykład CSS „tło”Jest dodawany do każdej klasy. Możesz dodać style CSS zgodnie z preferencjami.

Stylowa klasa „FS-1”

.FS-1
kolor tła: #CDE990;

Stylowa klasa „FS-2”

.FS-2
kolor tła: #AAE3E2;

Style klasa „FS-3”

.FS-3
kolor tła: #F5C080;

Stylowa klasa „FS-4”

.FS-4
kolor tła: #fedeff;

Stylowa klasa „FS-5”

.FS-5
kolor tła: #fad3e7;

Style klasa „FS-6”

.FS-6
kolor tła: #BFDB38;

Wyjście

Chodziło o korzystanie z klas wielkości czcionki za pomocą bootstrap.

Wniosek

„„fs-*„Klasy w bootstrap są wykorzystywane do stosowania rozmiarów czcionek do elementów, w których„*„Symbol oznacza wartość od 1 do 6. Najpierw dodaj elementy HTML, aby określić tekst. Następnie dodaj klasę „FS-*” do konkretnego elementu. Te zajęcia mają CSS ”rozmiar czcionki„Własność o określonej wartości. Ten zapis wyjaśnił klasy wielkości czcionki bootstrap.