Basic Table
Some default panel content here. Nulla vitae elit libero, a pharetra augue. Aenean lacinia bibendum nulla sed consectetur. Aenean eu leo quam. Pellentesque ornare sem lacinia quam venenatis vestibulum. Nullam id dolor id nibh ultricies vehicula ut id elit.
#
First Name
Last Name
Username
Status
1
Mark
Otto
@mdo
Expiring
2
Jacob
Thornton
@fat
Success
3
Larry
the Bird
@twitter
Error!
4
htmlstream
Web Design
@htmlstream
Pending..
Basic Table Option (with space)
#
First Name
Last Name
Username
Status
1
Mark
Otto
@mdo
Delete
2
Jacob
Thornton
@fat
Edit
3
Larry
the Bird
@twitter
Share
4
htmlstream
Web Design
@htmlstream
Submit
Striped Rows
#
Username
Status
1
Mark
Delete
2
Jacob
Edit
3
Larry
Share
4
htmlstream
Submit
Table Bordered
#
First Name
Last Name
Username
Status
1
Mark
Otto
@mdo
Delete
2
Jacob
Thornton
@fat
Edit
3
Larry
the Bird
@twitter
Share
4
htmlstream
Web Design
@htmlstream
Submit
Table Examples
#
First Name
Last Name
Username
Status
1
Mark
Otto
@mdo
Expiring
2
Jacob
Thornton
@fat
Success
3
Larry
the Bird
@twitter
Error!
4
htmlstream
Web Design
@htmlstream
Pending..
#
First Name
Last Name
Username
Status
1
Mark
Otto
@mdo
Delete
2
Jacob
Thornton
@fat
Edit
3
Larry
the Bird
@twitter
Share
4
htmlstream
Web Design
@htmlstream
Submit
#
First Name
Last Name
Username
Status
1
Mark
Otto
@mdo
Expiring
2
Jacob
Thornton
@fat
Success
3
Larry
the Bird
@twitter
Error!
4
htmlstream
Web Design
@htmlstream
Pending..
You can also invert the colors—with light text on dark backgrounds—with .table-dark.
#
First Name
Last Name
Username
1
Mark
Otto
@mdo
2
Jacob
Thornton
@fat
3
Larry
the Bird
@twitter
Similar to tables and dark tables, use the modifier classes .thead-light or .thead-dark to make thead appear light or dark gray.
#
First Name
Last Name
Username
1
Mark
Otto
@mdo
2
Jacob
Thornton
@fat
3
Larry
the Bird
@twitter
#
First Name
Last Name
Username
1
Mark
Otto
@mdo
2
Jacob
Thornton
@fat
3
Larry
the Bird
@twitter