# /// Labels and Badges

# Inline labels Label and annotate text

Labels | Markup
--- | ---
Default | `<span class="label">Default</span>`
Success | `<span class="label label-success">Success</span>`
Warning | `<span class="label label-warning">Warning</span>`
Important | `<span class="label label-important">Important</span>`
Info | `<span class="label label-info">Info</span>`
Inverse | `<span class="label label-inverse">Inverse</span>`

# Badges Indicators and unread counts

### /// About

Badges are small, simple components for displaying an indicator or count of some sort. They're commonly found in email clients like Mail.app or on mobile apps for push notifications.

### /// Available classes

Name | Example | Markup
--- | --- | ---
Default | 1 | `<span class="badge">1</span>`
Success | 2 | `<span class="badge badge-success">2</span>`
Warning | 4 | `<span class="badge badge-warning">4</span>`
Error | 6 | `<span class="badge badge-error">6</span>`
Info | 8 | `<span class="badge badge-info">8</span>`
Inverse | 10 | `<span class="badge badge-inverse">10</span>`

##### /// Our Twitter Feed

Find out what's happening, right now, with the people and organizations you care about.

© Copyright © 2013.Company name All rights reserved.网页模板
Home / Features / Pages / Portfolio / Blog / Typography / Contact