Tables

1. Home
2. Elements
3. Tables

Tables

For basic styling light padding and only horizontal dividers add the base class '.table'

#	First Name	Last Name	Username	Actions
1	Mark	Otto	@mdo
2	Jacob	Thornton	@fat
3	Larry	the Bird	@twitter
4	htmlstream	Web Design	@htmlstream

Striped Rows

Use .table-striped to add zebra-striping to any table row within the <tbody>.

#	First Name	Last Name	Username	Actions
1	Mark	Otto	@mdo
2	Jacob	Thornton	@fat
3	Larry	the Bird	@twitter
4	htmlstream	Web Design	@htmlstream

Hover Rows

Use .table-hover to enable a hover state on table rows within a <tbody>.

#	First Name	Last Name	Username	Actions
1	Mark	Otto	@mdo
2	Jacob	Thornton	@fat
3	Larry	the Bird	@twitter
4	htmlstream	Web Design	@htmlstream