Back to elements

Normal Table

Sr.No	First	Last	Handle
1	Mark	Otto	@mdo
2	Jacob	Thornton	@fat
3	Larry the Bird	Thornton	@twitter

Striped Table

Sr.No	First	Last	Handle
1	Mark	Otto	@mdo
2	Jacob	Thornton	@fat
3	Larry the Bird	Thornton	@twitter

Bordered Table

Sr.No	First	Last	Handle
1	Mark	Otto	@mdo
2	Jacob	Thornton	@fat
3	Larry the Bird	Thornton	@twitter

Theme Bordered Table

Sr.No	First	Last	Handle
1	Mark	Otto	@mdo
2	Jacob	Thornton	@fat
3	Larry the Bird	Thornton	@twitter

Theme Colored Table

class	heading	heading	heading
Blue	cell	cell	cell
Yellow	cell	cell	cell
Green	cell	cell	cell
Purple	cell	cell	cell
Orange	cell	cell	cell

Dark Table

Sr.No	First	Last	Handle
1	Mark	Otto	@mdo
2	Jacob	Thornton	@fat
3	Larry the Bird	Thornton	@twitter

Round & Box-shadow Table

Sr.No	First	Last	Handle
1	Jacob	Thornton	@fat
2	Larry the Bird	Thornton	@twitter
3	Larry the Bird	Thornton	@twitter
4	Larry the Bird	Thornton	@twitter

Responsive tables

Responsive tables allow tables to be scrolled horizontally with ease. Make any table responsive across all viewports by wrapping a .table with .table-responsive. Or, pick a maximum breakpoint with which to have a responsive table up to by using .table-responsive{-sm|-md|-lg|-xl|-xxl}.