lets make a Life style
Nam tempus lobortis sem non ornare in aliquet egestas, nisi mi vestibulum.
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 |
Lorem ipsum dolor sit amet consectetur adipisicing elit sedc dnmo eiusmod tempor incididunt ut labore et dolore magna aliqua uta enim ad minim ven iam quis nostrud exercitation ullamco labor nisi ut aliquip exea commodo consequat duis aute .
Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
中文字幕日产乱码六区 Copyright © 2020.Company name All rights reserved.