Come eseguire un conteggio totale di messaggi/indicatori di avvisi in Bootstrap?

Question

Non ho familiarità con il termine esatto e la parola chiave da cercare e Iam sta solo iniziando a progettare. Quindi vorrei chiedere se il termine indicatore di avviso è corretto.

E come faccio a essere in grado di farlo su Twitter Bootstrap?

sotto è l'immagine dell'indicatore vorrei realizzare. Grazie ..

Answer 1

diano un'occhiata al Distintivi di Bootstrap: http://getbootstrap.com/components/#badges

fare una classe che specifica un contenitore per un glyphicon e distintivo e pone il badge ad un offset fisso dall'icona. Qualcosa di simile a questo:

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

Con i CSS in questo modo:

.notification-icon .glyphicon { 
    ... 
} 

.notification-icon .badge { 
    ... 
} 

si dovrebbe facilmente essere in grado di impostarlo in modo che il badge mostra solo quando si ha un numero diverso da zero di notifiche.