Ajouter une class Alert sur une page

Le CSS : c'est le langage qui est utilisé pour définir l'aspect de votre site et qui est appliqué au HTML (le langage qui définit le contenu de votre site).

Les class : ce sont des attributs (ou selecteurs) qui servent à appliquer des styles CSS à du contenu dans une page. Si vous souhaitez en savoir plus sur les class, nous vous recommandons la lecture du tutoriel : affecter un style CSS à du contenu dans une page. Il existe donc plusieurs types de class, dont la class alert qui elle même peut avoir des class comme montré ci-contre.

A noter : les class sont différentes si vous utilisez un thème du Framework Bootstrap ou de EMS-Framework. Pour ce dernier, vous pouvez voir les class sur ce site : EMS Framework : Composants et dans la partie Alertes. Ce tutoriel reprend les class des thèmes utilisant Bootstrap.

La class alert, comme son nom l'indique sert à alerter l'internaute qu'un message important se touve sur la page. Elle sert à mettre en relief un élément afin d'attirer le regard, la couleur indique la nature du message.

La class alert est une class native de Bootstrap : vous pouvez ajouter cette class uniquement si vous utilisez un thème responsive.

Généralement on utilise le vert pour indiquer une bonne nouvelle, le bleu pour mettre en avant une information utile, le jaune pour dire attention et enfin le rouge pour signaler qu'il y a un problème.

La plupart du temps, la class s'applique sur un seul paragraphe, l'information est alors facilement repérable et concise. C'est ce que nous vous conseillons de faire.

Il est également possible d'appliquer la class alert à une ligne entière ou à une colonne comme nous allons le voir dans la suite de ce tutoriel, mais il vaut mieux éviter, cela perdrait le lecteur dans un flot d'informations et la class perdrait alors tout son sens.