Josephin Doe
Generic placeholder image

I'm just looking around. Will you tell me something about yourself?

8:20 a.m.

I'm just looking around. Will you tell me something about yourself?

8:20 a.m.

Horizontal borders
Example of 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 @twitter
Vertical borders
Example of 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 @twitter
Both borders
Example of 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 @twitter
Borderless table
Example of 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 @twitter
Default table border
Example of a default 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 @twitter
Solid border
Example of a solidborder inside table head. This border inherits all styling options from the default border style, the only difference is it has 2px width. Sometimes it could be useful for visual separation and addition highlight. To use this border add .border-solid to the table head row.
# First Name Last Name Username
1 Mark Otto @mdo
2 Jacob Thornton @fat
3 Larry the Bird @twitter
Double border
Example of a double border inside table head. This border has 3px width, double style and inherits all styling options from the default border style. Visually it displays table head and body as 2 separated table areas. To use this border add .border-double to the table head row.
# First Name Last Name Username
1 Mark Otto @mdo
2 Jacob Thornton @fat
3 Larry the Bird @twitter
Border bottom color
Example of a table head border with 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 @twitter