6

Tasks

ProgressItem
App prototype design
Design documents
UI toolkit
Testing

Stats

GraphItem
loading...
App downloads 40%
loading...
Social connection 20%
loading...
Revenue 5%
loading...
Customer increase 20%

Table with elements

ProjectTaskDate
Idrawfast4cJul 25, 2013
Formasa8cJul 22, 2013
Avatar system15cJul 15, 2013
Throwdown4cJul 11, 2013
Idrawfast4cJul 7, 2013
Formasa8cJul 3, 2013
Avatar system15cJul 2, 2013
Videodown4cJul 1, 2013
showing 20-30 of 50 items

Basic

Add the base class .table to any <table>.
#First NameLast NameUsername
1MarkOtto@mdo
2JacobThornton@fat
3Larrythe Bird@twitter

Striped rows

Use .table-striped to add zebra-striping to any table row within the <tbody>.
#First NameLast NameUsername
1MarkOtto@mdo
2JacobThornton@fat
3Larrythe Bird@twitter

Bordered table

Add the class .table-bordered to any <table>.
#First NameLast NameUsername
1MarkOtto@mdo
MarkOtto@TwBootstrap
2JacobThornton@fat
3Larry the Bird@twitter

Table hover

Add the class .table-hover to any <table>.
#First NameLast NameUsername
1MarkOtto@mdo
MarkOtto@TwBootstrap
2JacobThornton@fat
3Larry the Bird@twitter

Responsive table

Wrap the table in a div with .table-responsive class
#Table headingTable headingTable headingTable headingTable headingTable heading
1Table cellTable cellTable cellTable cellTable cellTable cell
2Table cellTable cellTable cellTable cellTable cellTable cell
3Table cellTable cellTable cellTable cellTable cellTable cell