twitter-bootstrap
Badges et étiquettes Bootstrap
Recherche…
Badges
Les badges sont des indicateurs numériques du nombre d'éléments associés à un lien:
Utilisez la classe .badge
dans les éléments <span>
pour créer des badges:
<a href="#">News <span class="badge">5</span></a><br>
<a href="#">Comments <span class="badge">10</span></a><br>
<a href="#">Updates <span class="badge">2</span></a
Badge dans le bouton
<button type="button" class="btn btn-primary">Primary <span class="badge">7</span></button>
Étiquettes
Les étiquettes sont utilisées pour fournir des informations supplémentaires sur quelque chose:
Utilisez la .label
classe, suivi par l' un des six classes contextuelles .label-default
, .label-primary
, .label-success
, .label-info
, .label-warning
ou .label-danger
, dans un <span>
élément pour créer une étiquette:
<h1>Example <span class="label label-default">New</span></h1>
<h2>Example <span class="label label-default">New</span></h2>
<h3>Example <span class="label label-default">New</span></h3>
<h4>Example <span class="label label-default">New</span></h4>
<h5>Example <span class="label label-default">New</span></h5>
<h6>Example <span class="label label-default">New</span></h6>
Modified text is an extract of the original Stack Overflow Documentation
Sous licence CC BY-SA 3.0
Non affilié à Stack Overflow