twitter-bootstrap
Bootstrap-märken och etiketter
Sök…
Emblem
Märken är numeriska indikatorer för hur många objekt som är kopplade till en länk:
Använd .badge
klassen inom <span>
-element för att skapa märken:
<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
Märke i knapp
<button type="button" class="btn btn-primary">Primary <span class="badge">7</span></button>
Etiketter
Etiketter används för att ge ytterligare information om något:
Använd .label
klassen, följt av en av de sex kontextuella klasser .label-default
, .label-primary
, .label-success
, .label-info
, .label-warning
eller .label-danger
, inom en <span>
elementet för att skapa en etikett:
<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
Licensierat under CC BY-SA 3.0
Inte anslutet till Stack Overflow