Bootstrap Avertissement
Ce chapitre explique Avertissement (alertes) et la classe Bootstrap prévu pour les avertissements. Avertissement (alertes) pour fournir aux utilisateurs un moyen de définir le style de message. Ils fournissent des informations de contexte que les opérations typiques de l'utilisateur.
Vous pouvez ajouter un bouton de fermeture en option pour la boîte d'avertissement. Pour créer une boîte d'alerte révocable en ligne, utilisez Warning (Alertes) plugin jQuery .
Vous pouvez créer un <div>, et ajouter uneclasse .alert et quatre contexte de classe (c. -à -.alert succès, .alert-info,.alert alerte, .alert-danger) à ajouter un boîte d'avertissement de base. L'exemple suivant illustre ce point:
Exemples
<Div class = "alert alert-succès" > Succès! Bien fait présenter. </ Div>
<Div class = "alert alert-info" > informations! S'il vous plaît noter cette information. </ Div>
<Div class = "alert alert avertissement" > Attention! S'il vous plaît ne pas soumettre. </ Div>
<Div class = "alert alert-danger" > Erreur! S'il vous plaît faire quelques changements. </ Div>
Les résultats sont les suivants:
Avertissement révocable (Alertes de licenciement)
Créer un avertissement révocable (Licenciement Alert) comme suit:
- En créant un <div>, et ajouter uneclasse .alert et quatre contexte de classe (c. -à -.alert succès, .alert-info,.alert alerte, .alert-danger) à ajouter une base boîte d'avertissement.
- Dans le même temps ajouter le option.alert-dismissable en haut <div> class.
- Ajouter un bouton de fermeture.
L'exemple suivant illustre ce point:
Exemples
<Div class = "alert alert-alerte succès -dismissable">
<Bouton type = "button" class = "close" données rejeter = "alerte"
aria-hidden = "true">
et horaires;
</ Button> Success! Bien fait présenter. </ Div>
<Div class = "alert alert-info alerte -dismissable">
<Bouton type = "button" class = "close" données rejeter = "alerte"
aria-hidden = "true">
et horaires;
</ Button> Informations! S'il vous plaît noter cette information. </ Div>
<Div class = "alert alert-alerte alerte -dismissable">
<Bouton type = "button" class = "close" données rejeter = "alerte"
aria-hidden = "true">
et horaires;
</ Button> Attention! S'il vous plaît ne pas soumettre. </ Div>
<Div class = "alert alert-alerte danger -dismissable">
<Bouton type = "button" class = "close" données rejeter = "alerte"
aria-hidden = "true">
et horaires;
</ Button> Erreur! S'il vous plaît faire quelques changements. </ Div>
Veillez à utiliser le bouton <>avec-rejeter données =attributsde données "d'alerte".
Essayez » Les résultats sont les suivants:
Avertissement lien (alertes) dans
Pour créer un lien dans le système d'alerte (Alertes) comme suit:
- En créant un <div>, et ajouter uneclasse .alert et quatre contexte de classe (c. -à -.alert succès, .alert-info,.alert alerte, .alert-danger) à ajouter une base boîte d'avertissement.
- Utilisez les classes d'entités.alert-link rapidement des liens avec des couleurs assorties.
Exemples
<Div class = "alert alert-succès» >
<A href = "#" class = "alert-link"> Succès! Bien fait présenter. </ A>
</ Div>
<Div class = "alerte-info alerte" >
<A href = "#" class = "alert-link"> informations! S'il vous plaît noter cette information. </ A>
</ Div>
<Div class = "alert alert-alerte" >
<A href = "#" class = "alert-link"> Attention! S'il vous plaît ne pas soumettre. </ A>
</ Div>
<Div class = "alert alert-danger» >
<A href = "#" class = "alert-link"> Erreur! S'il vous plaît faire quelques changements. </ A>
</ Div>
Les résultats sont les suivants:
