Jak działa kolor tekstowy w bootstrapie?

Jak działa kolor tekstowy w bootstrapie?

Bootstrap to lubiany front-end programowy. Tworzy responsywne i gotowe mobilne strony internetowe. Ta framework zapewnia również wiele funkcji, takich jak wbudowane klasy dla marginesu i wyściółki, efekt zanikania i wiele innych. Zmiana koloru tekstu elementów HTML jest jedną z podstawowych cech. Aby go wykorzystać, wszystko, co musisz zrobić, to dodać klasę kolorów do elementów, których kolor chcesz dostosować.

Ten zapis nauczy Cię, jak działa kolor tekstu w bootstrapie.

Bootstrap Tekst Klasy kolorów

Bootstrap używa pakietu klas do zmiany koloru tekstu. Niektóre z nich są zaciągnięte poniżej:

Zajęcia kolorów tekstu Opis
Sukcencja tekstu Ta klasa określa kolor zielonego tekstu.
Warnowanie tekstowe Ta klasa określa kolor żółty tekst.
PROMARY TEKST Ta klasa określa kolor niebieskiego tekstu.
Light tekstowy Ta klasa określa kolor szarego tekstu.
tekst-info Ta klasa określa jasnoniebieski kolor tekstu.
tekst Ta klasa określa kolor ciemnego szarego tekstu.
Niebezpieczeństwo tekstowe Ta klasa określa kolor czerwonego tekstu.
tekst-sekundowy Ta klasa określa jasnoszary kolor tekstu.


Zrozumiemy ich pracę poprzez praktyczną demonstrację.

Jak działa kolor tekstowy w bootstrapie?

Aby ustawić kolor tekstu elementu HTML, przypisz klasę do tego konkretnego elementu. Na przykład, aby zmienić kolor „


Linuxhint


Linuxhint


Linuxhint


Linuxhint


Linuxhint


Linuxhint


Linuxhint


Linuxhint



Oprócz klas bootstrap można również dodać CSS do elementów HTML. Zmieńmy rozmiar czcionki i styl tekstu za pomocą CSS.

Style „P”

P
Font-Family: Fantasy;
Rozmiar czcionki: 25px;
odstępy między literami: .2em;


Poniżej znajdują się właściwości CSS, które są stosowane do „

    • "rodzina czcionek”Definiuje styl czcionki.
    • "rozmiar czcionki”Wskazuje rozmiar czcionki.
    • "odstępy między literami”Określa przestrzeń między literami.

Wyjście

Jak dostosować kolor tła tekstu?

Jeśli chcesz uczynić kolor czcionki, możesz również zmienić kolor tła elementów. Można to zrobić za pomocą „BG-*„Zajęcia, w których gwiazdka”*„Symbolizuje kolory, takie jak„BG-Dark”,„Warning BG", i więcej.

Sprawdź poniższy przykład, który używa klas bootstrap, aby zmienić kolory tła i tekstu elementu:

Linuxhint


Linuxhint


Linuxhint


Linuxhint


Wyjście


W ten sposób możesz użyć klas kolorów tekstu bootstrap, aby zmienić kolor tekstu elementu.

Wniosek

Kolor tekstu działa w bootstrap za pomocą kilku klas. Te zajęcia obejmują „PROMARY TEKST”,„tekst-info”,„Light tekstowy”,„tekst”,„Niebezpieczeństwo tekstowe", i więcej. Klasy te można używać zgodnie z scenariuszami, takimi jak „Sukcencja tekstu„Klasa jest wykorzystywana do pokazania niektórych komunikatów sukcesu. W tym artykule pokazano, jak działa kolor tekstowy w bootstrap z przykładami.