Hey! How's it going?
Not bad... i guess. What about you? Haven't gotten any updates from you in a long time.
Yeah! I've been a bit busy lately. I'll get back to you soon enough.
Alright, take care then.
For basic styling—light padding and only horizontal dividers—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 |
Adds zebra-striping to any table row within <tbody>
by adding the .table-striped
to the base class
# | First Name | Last Name | Username |
---|---|---|---|
1 | Mark | Otto | @mdo |
2 | Jacob | Thornton | @fat |
3 | Larry | the Bird |
Adds borders to any table row within <tbody>
by adding the .table-bordered
to the base class
# | First Name | Last Name | Username |
---|---|---|---|
1 | Mark | Otto | @mdo |
2 | Jacob | Thornton | @fat |
3 | Larry | the Bird |
Enables a hover state within <tbody>
by adding the .table-hover
to the base class
# | First Name | Last Name | Username |
---|---|---|---|
1 | Mark | Otto | @mdo |
2 | Jacob | Thornton | @fat |
3 | Larry | the Bird |
Makes tables more compact by cutting down cell-padding in half by adding the .table-condensed
# | First Name | Last Name | Username |
---|---|---|---|
1 | Mark | Otto | @mdo |
2 | Jacob | Thornton | @fat |
3 | Larry | the Bird |