Les remarques fournissent aux utilisateurs des informations dont ils doivent tenir compte. On les trouve souvent dans des formulaires de commande, en cas d’indications erronées (adresse e-mail) ou manquantes.
Les variantes suivantes sont disponibles: .alert-success (confirmation) .alert-info (information) .alert-warning (avertissement) .alert-danger (danger)
Accessibilité
Vous pouvez ajouter un <span class="sr-only">type d’alerte</span> si le role="alert" ne fournit pas suffisamment d’informations à l’utilisateur final.
La bannière de crise est affichée sur la page d’accueil en cas d’événements de grande urgence. Elle est toujours placée en haut de la page d’accueil.
Il est important d’utiliser cet élément uniquement dans des situations d’urgence – et donc avec parcimonie.
Lorem ipsum
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Necessitatibus, placeat, recusandae, amet, modi hic accusamus cumque id nesciunt debitis nihil neque quaerat reprehenderit iste mollitia laborum natus culpa laboriosam labore.
<div class="alert alert--emergency clearfix" role="alert">
<div class="col-sm-3">
<h3>Lorem ipsum</h3>
</div>
<div class="col-sm-9">
<p>
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Necessitatibus, placeat, recusandae, amet, modi hic accusamus cumque id nesciunt debitis nihil neque quaerat reprehenderit iste mollitia laborum natus culpa laboriosam labore.
</p>
</div>
</div>
L’encadré de contact permet de prendre contact au sujet du contenu de la page. Il est toujours placé en première position dans la colonne de contexte. Si un seul contact général, accessible via la navigation de service, est disponible pour l’ensemble du site Internet, il n’y aura pas d’encadré de contact.
L’encadré de contact comporte deux onglets: «Contact» et «Plan». Sous l’onglet «Contact» seront affichés la personne à contacter, l’adresse, le numéro de téléphone, le formulaire de contact etc. Si nécessaire, des informations complémentaires telles que les horaires d’ouverture (par exemple d’une ambassade) peuvent être indiquées. Sous l’onglet «Plan», le contact est localisé graphiquement sur un extrait de plan et l’adresse est à nouveau indiquée en abrégé.
Un clic sur le lien «Imprimer les informations de contact» permet d’ouvrir une nouvelle fenêtre de navigateur, affichant les coordonnées de contact sous une forme optimisée pour l’impression.
Sur les tablettes, le contact est affiché en bas du contenu de la page avec une mise en page en deux colonnes. Les contenus des deux onglets sont affichés côte à côte.
