Bootstrap Testo di avviso Colore con esempi di codice
Durante lo sviluppo di qualsiasi applicazione, gli sviluppatori preferiscono utilizzare colori attraenti per attirare l'attenzione dell'utente. Aiuta anche a impostare il tema di una pagina web in modo appropriato. Ad esempio, per mostrare una risposta positiva o di successo, viene utilizzato il colore verde, il colore blu indica alcune informazioni, il colore rosso indica alcuni messaggi negativi o di fallimento e il colore giallo viene utilizzato per rappresentare alcuni avvertimenti o precauzioni.
Questo articolo guiderà su:
- Che cos'è il colore di avvertimento del testo bootstrap?
- Come utilizzare il colore di avviso di testo bootstrap?
Che cos'è il colore di avvertimento del testo bootstrap?
Il bootstrap "Warning di testoLa classe "applica il"#FFC107"Colore al testo, che è un colore giallo. Questa classe viene generalmente utilizzata per specificare un messaggio che mostra alcuni avvertimenti.
Come utilizzare il colore di avviso di testo bootstrap?
Ora dimostreremo l'uso del "Warning di testo"Classe con l'aiuto dei seguenti esempi:
- Esempio 1: crea un pulsante di avviso con Bootstrap Testo di avviso Colore
- Esempio 2: visualizzare un messaggio di avviso con Bootstrap Testo di avviso Colore
Esempio 1: crea un pulsante di avviso con Bootstrap Testo di avviso Colore
Apri il tuo file HTML e segui le istruzioni fornite:
- Crea una scheda usando il bootstrap "carta" classe.
- Quindi, aggiungi un'intestazione della carta usando "Terreno di carta" classe.
- Quindi, regola il corpo della carta specificando il “Body di carta" classe.
- All'interno della "" classe "Card-body", includi il ""Elemento da visualizzare un po 'di testo.
- Infine, crea due pulsanti usando la classe "btn" classe.
- Infine, il "Warning di testo"La classe viene utilizzata per visualizzare il testo in colore giallo.
Ecco il codice HTML:
Gestione dei membri
Sei sicuro di voler rimuovere il membro @f233?
Si può osservare che il colore di avviso di testo bootstrap è stato applicato correttamente alla didascalia del pulsante:
Esempio 2: visualizzare un messaggio di avviso con Bootstrap Testo di avviso Colore
Questo esempio usa il "Warning di testo"Classe per mostrare un messaggio di avviso:
Avvertimento!
C'era un problema di connessione di rete!
Qui:
- "W-50"La classe regola la larghezza della carta.
- "M-Auto"Determina un margine uguale attorno all'elemento.
Produzione
Hai imparato con successo il colore di avvolgimento del testo bootstrap con esempi di codice.
Conclusione
Nella web design, il colore giallo viene utilizzato principalmente per visualizzare i messaggi di avvertimento. Più specificamente, il "Warning di testo"La classe viene utilizzata per impostare il colore del testo giallo. Nel bootstrap.File CSS, è impostato con la proprietà a colori con valore "#FFC107" (colore giallo. Questo post ha spiegato il colore bootstrap "warning di testo" con esempi di codice.