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 |
22 Russell Street, Victoria ,Melbourne AUSTRALIA
P: +254 2564584 / +542 8245658
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.