lorem ipsum dolor sit amet, consectetur adipisicing elit
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 |