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 |
© 2018 Invest. All rights reserved | Design by W3layouts