6
Tasks
Progress | Item |
---|---|
App prototype design | |
Design documents | |
UI toolkit | |
Testing |
Stats
Graph | Item | |
---|---|---|
loading... | App downloads | 40% |
loading... | Social connection | 20% |
loading... | Revenue | 5% |
loading... | Customer increase | 20% |
Table with elements
Basic
Add the base class .table to any <table>.# | First Name | Last Name | Username |
---|---|---|---|
1 | Mark | Otto | @mdo |
2 | Jacob | Thornton | @fat |
3 | Larry | the Bird |
Striped rows
Use .table-striped to add zebra-striping to any table row within the <tbody>.# | First Name | Last Name | Username |
---|---|---|---|
1 | Mark | Otto | @mdo |
2 | Jacob | Thornton | @fat |
3 | Larry | the Bird |
Bordered table
Add the class .table-bordered to any <table>.# | First Name | Last Name | Username |
---|---|---|---|
1 | Mark | Otto | @mdo |
Mark | Otto | @TwBootstrap | |
2 | Jacob | Thornton | @fat |
3 | Larry the Bird |
Table hover
Add the class .table-hover to any <table>.# | First Name | Last Name | Username |
---|---|---|---|
1 | Mark | Otto | @mdo |
Mark | Otto | @TwBootstrap | |
2 | Jacob | Thornton | @fat |
3 | Larry the Bird |
Responsive table
Wrap the table in a div with .table-responsive class# | Table heading | Table heading | Table heading | Table heading | Table heading | Table heading |
---|---|---|---|---|---|---|
1 | Table cell | Table cell | Table cell | Table cell | Table cell | Table cell |
2 | Table cell | Table cell | Table cell | Table cell | Table cell | Table cell |
3 | Table cell | Table cell | Table cell | Table cell | Table cell | Table cell |