Bootstrap Tekst ostrzegawczy kolor z przykładami kodu
Opracowując dowolną aplikację, programiści wolą używać atrakcyjnych kolorów, aby zwrócić uwagę użytkownika. Pomaga także w odpowiednio ustawianiu motywu strony internetowej. Na przykład, aby pokazać pewną pozytywną lub udaną odpowiedź, używany jest zielony kolor, niebieski kolor wskazuje na pewne informacje, czerwony kolor wskazuje na pewne komunikaty negatywne lub awarii, a żółty kolor jest wykorzystywany do przedstawienia pewnych ostrzeżeń lub środków ostrożności.
Ten pismo będzie prowadzić o:
- Co to jest kolor ostrzegawczy tekstu bootstrap?
- Jak używać kolorów ostrzegawczych tekstu bootstrap?
Co to jest kolor ostrzegawczy tekstu bootstrap?
Bootstrap „Warnowanie tekstowe„Klasa stosuje„#FFC107„Kolor tekstu, który ma żółty kolor. Ta klasa jest ogólnie używana do określenia wiadomości, która pokazuje pewne ostrzeżenia.
Jak używać kolorów ostrzegawczych tekstu bootstrap?
Teraz zademonstrujemy użycie „Warnowanie tekstowe„Klasa z pomocą następujących przykładów:
- Przykład 1: Utwórz przycisk ostrzegawczy z bootstrap tekstem ostrzegawczym
- Przykład 2: Wyświetl komunikat ostrzegawczy z bootstrap tekstem ostrzegawczym
Przykład 1: Utwórz przycisk ostrzegawczy z bootstrap tekstem ostrzegawczym
Otwórz swój plik HTML i postępuj zgodnie z podanymi instrukcjami:
- Utwórz kartę za pomocą bootstrap „karta" klasa.
- Następnie dodaj nagłówek karty za pomocą „Header" klasa.
- Następnie dostosuj korpus karty, określając „CARD-CODO" klasa.
- Wewnątrz „” klasowego „-ciało” zawierają „„Element do wyświetlenia tekstu.
- Na koniec utwórz dwa przyciski za pomocą klasy „Btn" klasa.
- Wreszcie „„Warnowanie tekstowe”Klasa służy do wyświetlania tekstu w kolorze żółtym.
Oto kod HTML:
Zarządzanie członkami
Czy na pewno chcesz usunąć członek @f233?
Można zauważyć, że kolor ostrzegawczy tekstu bootstrap został pomyślnie zastosowany do podpisu przycisku:
Przykład 2: Wyświetl komunikat ostrzegawczy z bootstrap tekstem ostrzegawczym
Ten przykład używa „Warnowanie tekstowe„Klasa, aby pokazać wiadomość ostrzegawczą:
Ostrzeżenie!
Wystąpił problem z połączeniem sieciowym!
Tutaj:
- "W-50„Klasa dostosowuje szerokość karty.
- "M-Auto”Określa równy margines wokół elementu.
Wyjście
Z powodzeniem nauczyłeś się kolorów tekstu bootstrap z przykładami kodu.
Wniosek
W projektowaniu stron internetowych żółty kolor służy głównie do wyświetlania komunikatów ostrożności. Mówiąc dokładniej, „Warnowanie tekstowe„Klasa jest wykorzystywana do ustawienia koloru żółtego tekstu. W bootstrapie.plik CSS, jest ustawiony na właściwość kolorów o wartości ”#FFC107" (żółty kolor. Ten post wyjaśnił kolor bootstrap „Warning” z przykładami kodu.