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 | ||