Labels

Example Markup
Default Default
Success Success
Warning Warning
Important Important
Info Info
Inverse Inverse
Pellentesque adipiscing tellus.

Badges

Example Markup
1 1
2 2
4 4
6 6
8 8
10 10
Pellentesque adipiscing tellus.

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Phasellus hendrerit. Pellentesque aliquet nibh nec urna. In nisi neque, aliquet vel, dapibus id, mattis vel, nisi. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Pellentesque adipiscing eros ut libero ut condimentum mi vel tellus. Suspendisse laoreet fusce ut est sed dolor gravida convallis morbi vitae ante vivamus. Morbi purus libero, faucibus adipiscing praesent elementum hendrerit. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Phasellus hendrerit. Pellentesque aliquet nibh nec urna. In nisi neque, aliquet vel, dapibus id, mattis vel, nisi. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Pellentesque adipiscing eros ut libero ut condimentum mi vel tellus. Suspendisse laoreet fusce ut est sed dolor gravida convallis morbi vitae ante vivamus. Morbi purus libero, faucibus adipiscing praesent elementum hendrerit. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Phasellus hendrerit. Pellentesque aliquet nibh nec urna. In nisi neque, aliquet vel, dapibus id, mattis vel, nisi. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Pellentesque adipiscing eros ut libero ut condimentum mi vel tellus. Suspendisse laoreet fusce ut est sed dolor gravida convallis morbi vitae ante vivamus. Morbi purus libero, faucibus adipiscing praesent elementum hendrerit.

List of possible attributes:

  • type – Highlight color style (label-important, label-success, label-warning, label-info, label-inverse; badge-important, badge-success, badge-warning, badge-info, badge-inverse)