Modèle de message d`alerte

Les boîtes d`alerte sont souvent utilisées pour se démarquer des informations nécessitant une attention immédiate des utilisateurs finaux, comme des messages d`avertissement, d`erreur ou de confirmation. AW Oui, vous avez lu avec succès ce message d`alerte important. Cet exemple de texte va s`exécuter un peu plus longtemps afin que vous puissiez voir comment l`espacement dans une alerte fonctionne avec ce type de contenu. De même, vous pouvez créer d`autres variantes des messages d`alerte, comme suit: fournissez des messages de rétroaction contextuelle pour les actions utilisateur typiques avec la poignée de messages d`alerte disponibles et flexibles. Les alertes peuvent également contenir des éléments HTML supplémentaires comme les rubriques, les paragraphes et les séparateurs. Bootstrap fournit un moyen facile de créer des messages d`alerte prédéfinis: les classes. fade et. in ajoutent un effet d`atténuation lors de la fermeture du message d`alerte: les attributs de données fournissent un moyen facile d`ajouter des fonctionnalités de fermeture à la boîte de messages d`alerte. Il suffit d`ajouter les données-rejeter = “Alert” au bouton de fermeture et il permettra automatiquement le rejet de la boîte de message d`alerte contenant. Pour fermer le message d`alerte, ajoutez une classe. Alert-inadmissible au conteneur d`alerte. Ensuite, ajoutez class = “Close” et Data-rejeter = “Alert” à un lien ou à un élément Button (lorsque vous cliquez sur ce bouton, la zone d`alerte disparaîtra).

Des alertes sont disponibles pour n`importe quelle longueur de texte, ainsi qu`un bouton de rejet facultatif. Pour un style approprié, utilisez l`une des huit classes contextuelles requises (p. ex., alerte-succès). Pour le licenciement en ligne, utilisez le plugin jQuery alertes. L`exemple suivant affiche un message d`alerte à l`utilisateur lorsque la transition de fondu d`une boîte de message d`alerte a été entièrement terminée. Avec bootstrap, vous pouvez facilement créer des messages d`alerte élégante boîte à diverses fins. Vous pouvez également ajouter un bouton de fermeture facultatif pour rejeter toute alerte. En utilisant le plugin JavaScript d`alerte, il est possible de rejeter toute alerte Inline. Voici comment:. Chaque fois que vous avez besoin, assurez-vous d`utiliser les utilitaires de marge pour garder les choses agréables et bien rangé. Ajoutez la classe.

Alert-danger à la classe de base. Alert pour créer des alertes d`erreur ou de danger. Notez que la fermeture d`une alerte le supprimera du DOM. Ou avec des attributs de données sur un bouton dans l`alerte, comme illustré ci-dessus: Astuce: Si vous souhaitez activer l`effet de transition en fondu lors de la fermeture des zones d`alerte, appliquez les classes. fade et. in à eux avec la classe contextuelle. Vous pouvez également activer le rejet d`une alerte via JavaScript. Utilisez la classe Utility. Alert-Link pour fournir rapidement des liens colorés correspondants dans n`importe quelle alerte. La classe d`alerte de bootstrap inclut peu d`événements pour accrocher dans la fonctionnalité d`alerte.

Appliquez la classe Utility. Alert-lien vers les liens à l`intérieur de toutes les cases d`alerte pour créer rapidement des liens colorés correspondants, comme illustré dans l`exemple ci-dessous: l`attribut Aria-* et × Explationpour aider à améliorer l`accessibilité pour les personnes utilisant des lecteurs d`écran, vous devez incluez l`attribut Aria-label = “Close” lors de la création d`un bouton de fermeture. × (×) est une entité HTML qui est l`icône préférée pour les boutons de fermeture, plutôt que la lettre “x”. Pour obtenir la liste de toutes les entités HTML, consultez notre référence d`entités HTML.

Udostępnij