Info with progress-bar-info class.
Success with progress-bar-success class.
Warning with progress-bar-warning class.
Danger with progress-bar-danger class.
Inverse with progress-bar-inverse class.
Inverse with progress-bar-inverse class.
Add modifier classes to change the appearance of a badge.
| Classes | Badges | 
|---|---|
| No modifiers | 42 | 
| .badge-primary | 1 | 
| .badge-success | 22 | 
| .badge-info | 30 | 
| .badge-warning | 412 | 
| .badge-danger | 999 | 
Easily highlight new or unread items with the .badge class
For basic stylinglight padding and only horizontal add the base class .table to any <table>.
| # | First Name | Last Name | Username | 
|---|---|---|---|
| 1 | Mark | Otto | @mdo | 
| 2 | Jacob | Thornton | @fat | 
| 3 | Larry | the Bird | 
Add any of the following classes to the .table base class.
Adds zebra-striping to any table row within the <tbody> via the :nth-child CSS selector (not available in IE7-8).
| # | First Name | Last Name | Username | 
|---|---|---|---|
| 1 | Mark | Otto | @mdo | 
| 2 | Jacob | Thornton | @fat | 
| 3 | Larry | the Bird | 
Add borders and rounded corners to the table.
| # | First Name | Last Name | Username | 
|---|---|---|---|
| 1 | Mark | Otto | @mdo | 
| Mark | Otto | @getbootstrap | |
| 2 | Jacob | Thornton | @fat | 
| 3 | Larry the Bird | ||
Enable a hover state on table rows within a <tbody>.
| # | First Name | Last Name | Username | 
|---|---|---|---|
| 1 | Mark | Otto | @mdo | 
| 2 | Jacob | Thornton | @fat | 
| 3 | Larry the Bird | ||