Tables

Default .table class

#	First Name	Last Name	Username
1	Pete	Benoit	idk1
2	Sarah	Greer	gpr1
3	Cass		cvp3

Using .primary-bg-color on thead

#	First Name	Last Name	Username
1	Pete	Benoit	idk1
2	Sarah	Greer	gpr1
3	Cass		cvp3

Using .secondary-bg-color on thead

#	First Name	Last Name	Username
1	Pete	Benoit	idk1
2	Sarah	Greer	gpr1
3	Cass		cvp3

.table-striped

#	First Name	Last Name	Username
1	Pete	Benoit	idk1
2	Sarah	Greer	gpr1
3	Cass		cvp3

.table-striped-primary

#	First Name	Last Name	Username
1	Pete	Benoit	idk1
2	Sarah	Greer	gpr1
3	Cass		cvp3

.table-striped-secondary

#	First Name	Last Name	Username
1	Pete	Benoit	idk1
2	Sarah	Greer	gpr1
3	Cass		cvp3

.table-bordered

#	First Name	Last Name	Username
1	Pete	Benoit	idk1
2	Sarah	Greer	gpr1
3	Cass		cvp3

.table-hover

#	First Name	Last Name	Username
1	Pete	Benoit	idk1
2	Sarah	Greer	gpr1
3	Cass		cvp3

.table-hover-primary

#	First Name	Last Name	Username
1	Pete	Benoit	idk1
2	Sarah	Greer	gpr1
3	Cass		cvp3

.table-hover-secondary

#	First Name	Last Name	Username
1	Pete	Benoit	idk1
2	Sarah	Greer	gpr1
3	Cass		cvp3

.table-condensed

#	First Name	Last Name	Username
1	Pete	Benoit	idk1
2	Sarah	Greer	gpr1
3	Cass		cpv3

Use .text-left, .text-right, .text-center on a td or th to align table cell text

#	Alignment	Class	Example
1	Left	.text-left	This is left aligned text
2	Right	.text-center	This is center aligned text
3	Center	.text-right	This is right aligned text

In special cases, use .indent-1 (2,3,4,5) on a td or th to indent table cell content if needed

Indent Level	Class	Example
0	none (default)	This is no indent (default)
1	.indent-1	This is a level one indent
2	.indent-2	This is a level two indent
3	.indent-3	This is a level three indent
4	.indent-4	This is a level four indent
5	.indent-5	This is a level four indent