horizontal table borders. This is a
default table border style attached to .table class.
All borders have the same grey color and style, table itself doesn't
have a border, but you can add this border using
.table-framed class added to the table with
.table class.
| # | First Name | Last Name | Username |
|---|---|---|---|
| 1 | Mark | Otto | @mdo |
| 2 | Jacob | Thornton | @fat |
| 3 | Larry | the Bird |
horizontal table borders. This is a
default table border style attached to .table class.
All borders have the same grey color and style, table itself doesn't
have a border, but you can add this border using
.table-framed class added to the table with
.table class.
| # | First Name | Last Name | Username |
|---|---|---|---|
| 1 | Mark | Otto | @mdo |
| 2 | Jacob | Thornton | @fat |
| 3 | Larry | the Bird |
horizontal table borders. This is a
default table border style attached to .table class.
All borders have the same grey color and style, table itself doesn't
have a border, but you can add this border using
.table-framed class added to the table with
.table class.
| # | First Name | Last Name | Username |
|---|---|---|---|
| 1 | Mark | Otto | @mdo |
| 2 | Jacob | Thornton | @fat |
| 3 | Larry | the Bird |
horizontal table borders. This is a
default table border style attached to .table class.
All borders have the same grey color and style, table itself doesn't
have a border, but you can add this border using
.table-framed class added to the table with
.table class.
| # | First Name | Last Name | Username |
|---|---|---|---|
| 1 | Mark | Otto | @mdo |
| 2 | Jacob | Thornton | @fat |
| 3 | Larry | the Bird |
thead border. This border has
1px width and slightly darker color than other borders for better
visual separation of table head and table
body. Vertical cell borders in the table head always
have the same color as borders in table body.
| # | First Name | Last Name | Username |
|---|---|---|---|
| 1 | Mark | Otto | @mdo |
| 2 | Jacob | Thornton | @fat |
| 3 | Larry | the Bird |
custom color.
According to the custom color system options, you can set any of
predefined colors by adding .border-bottom-* class to
the table head row. This technique works with all border styles
demonstrated above.
| # | First Name | Last Name | Username |
|---|---|---|---|
| 1 | Mark | Otto | @mdo |
| 2 | Jacob | Thornton | @fat |
| 3 | Larry | the Bird |