「Bootstrap ComponentsのBadges」のサンプル
「BootstrapのComponentsのサンプル:和訳」の「Badges」のサンプルページです。
- classを「badge」にする。
基本のバッジ
Inbox 42実際のソース
<a href="#">Inbox <span class="badge">42</span></a><br />
<button class="btn btn-primary" type="button">
Messages <span class="badge">4</span>
</button><br />
各色
実際のソース
<button class="btn btn-default" type="button">
default <span class="badge">4</span>
</button>
<button class="btn btn-primary" type="button">
primary <span class="badge">4</span>
</button>
<button class="btn btn-success" type="button">
success <span class="badge">4</span>
</button>
<button class="btn btn-info" type="button">
info <span class="badge">4</span>
</button>
<button class="btn btn-warning" type="button">
warning <span class="badge">4</span>
</button>
<button class="btn btn-danger" type="button">
danger <span class="badge">4</span>
</button>