Comment faire un compte total de l'indicateur messages / alertes dans Bootstrap?

Je ne suis pas familier avec le terme exact et un mot clé pour la recherche et l'Iam juste au début de la conception. Donc, je voudrais demander si le terme d'indicateur d'alerte est correct.

Et comment puis-je être capable de le faire sur Twitter Bootstrap?

ci-dessous est l'image de l'indicateur que j'aimerais accomplir.
Merci..

Comment faire un compte total de l'indicateur messages /alertes dans Bootstrap?

source d'informationauteur Clannad System

  1. 30

    Prendre un coup d'oeil à Bootstrap de Badges: http://getbootstrap.com/components/#badges

    Faire une classe qui définit un conteneur pour un glyphicon et un badge et place le badge fixe à un décalage à partir de l'icône. Quelque chose comme ceci:

    <div class="notification-icon">
    <span class="glyphicon glyphicon-envelope"></span>
    <span class="badge">19</span>
</div>

    Avec CSS comme ceci:

    .notification-icon .glyphicon {
    ...
}

.notification-icon .badge {
    ...
}

    Vous devriez être facilement en mesure de le configurer de sorte que le badge affiche uniquement lorsque vous avez un nombre non nul de notifications.