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 Style „P” 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 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.
Oprócz klas bootstrap można również dodać CSS do elementów HTML. Zmieńmy rozmiar czcionki i styl tekstu za pomocą CSS.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 „
Wyjście
W ten sposób możesz użyć klas kolorów tekstu bootstrap, aby zmienić kolor tekstu elementu.