Attenzione bootstrap
Questo capitolo spiegherà Warning (Avvisi) e la classe Bootstrap prevista per le avvertenze. Attenzione (allarmi) per fornire agli utenti un modo per definire lo stile del messaggio. Essi forniscono un feedback contesto, come le operazioni di utilizzo tipici.
È possibile aggiungere un pulsante di chiusura opzionale per la finestra di avviso. Per creare una finestra di avviso revocabile in linea, usare Warning (Avvisi) plugin jQuery .
È possibile creare un <div>, e aggiungere unaclasse .alert e quattro contesto di classe (cioè .alert-successo, .alert-info,.alert-warning, .alert-pericolo) a scrivere un finestra di avviso di base. L'esempio che segue illustra questo punto:
Esempi
<div class = "alert alert-successo" > Successo! Ben fatto presentare. </ Div>
<div class = "alert alert-info" > informazioni! Si prega di notare queste informazioni. </ Div>
<div class = "alert alert-warning" > Attenzione! Si prega di non inviare. </ Div>
<div class = "alert alert-pericolo" > Errore! Si prega di apportare alcune modifiche. </ Div>
I risultati sono i seguenti:
Attenzione revocabile (Avvisi licenziamento)
Creare un avviso di revoca (licenziamento Alert) come segue:
- Con la creazione di un <div>, e aggiungere unaclasse .alert e quattro contesto di classe (cioè .alert-successo, .alert-info,.alert-warning, .alert-pericolo) a scrivere un base finestra di avviso.
- Allo stesso tempo, aggiungere l'optional.alert-eliminabile in alto <div> di classe.
- Aggiungere un pulsante di chiusura.
L'esempio che segue illustra questo punto:
Esempi
<div class = "alert alert-successo alert -dismissable">
<Pulsante type = "button" class = "close" Dati-respingere = "alert"
aria-hidden = "true">
& volte;
</ Button> Successo! Ben fatto presentare. </ Div>
<div class = "alert alert-info alert -dismissable">
<Pulsante type = "button" class = "close" Dati-respingere = "alert"
aria-hidden = "true">
& volte;
</ Button> Informazioni! Si prega di notare queste informazioni. </ Div>
<div class = "alert alert-avvertenza -dismissable">
<Pulsante type = "button" class = "close" Dati-respingere = "alert"
aria-hidden = "true">
& volte;
</ Button> Attenzione! Si prega di non inviare. </ Div>
<div class = "alert alert-pericolo avviso -dismissable">
<Pulsante type = "button" class = "close" Dati-respingere = "alert"
aria-hidden = "true">
& volte;
</ Button> Errore! Si prega di apportare alcune modifiche. </ Div>
Assicurarsi di utilizzare <button> elementocon-respingere dati =attributi deidati "alert".
Prova » I risultati sono i seguenti:
Attenzione collegamento (allarmi) in
Per creare un collegamento nel Warning (Avvisi) come segue:
- Con la creazione di un <div>, e aggiungere unaclasse .alert e quattro contesto di classe (cioè .alert-successo, .alert-info,.alert-warning, .alert-pericolo) a scrivere un base finestra di avviso.
- Utilizzare classi di entità.alert-link in modo rapido collegamento con i colori corrispondenti.
Esempi
<div class = "alert alert-successo" >
<A href = "#" class = "alert-link"> Successo! Ben fatto presentare. </ A>
</ Div>
<div class = "alert alert-info" >
<A href = "#" class = "alert-link"> informazioni! Si prega di notare queste informazioni. </ A>
</ Div>
<div class = "alert alert-warning" >
<A href = "#" class = "alert-link"> Attenzione! Si prega di non inviare. </ A>
</ Div>
<div class = "alert alert-pericolo" >
<A href = "#" class = "alert-link"> Errore! Si prega di apportare alcune modifiche. </ A>
</ Div>
I risultati sono i seguenti:
