Basic Table

Adds borders to any table row within <table> by adding the .table-bordered with the base class


Column name Column name Column name Column name
Row 1 Row 2 Row 3 Row 4
Row 1 Row 2 Row 3 Row 4
Row 1 Row 2 Row 3 Row 4
Row 1 Row 2 Row 3 Row 4
Row 1 Row 2 Row 3 Row 4
Row 1 Row 2 Row 3 Row 4
Stripped
Adds striping to table row within <table> by adding the .table-striped with the base class

Column name Column name Column name Column name
Row 1 Row 2 Row 3 Row 4
Row 1 Row 2 Row 3 Row 4
Row 1 Row 2 Row 3 Row 4
Row 1 Row 2 Row 3 Row 4
Row 1 Row 2 Row 3 Row 4
Row 1 Row 2 Row 3 Row 4
Row 1 Row 2 Row 3 Row 4
Hover Table
# Browser Software license
1 Google Terms of Service
2 Internet Explorer Proprietary
3 Mozilla Firefox MPR
4 Safari Proprietary
5 Opera Proprietary
Table with color
Add custom colors to your TR and TD <tr> by adding .success, .danger, .warning and .info respectively
# Product Payment Taken Status
1 TB - Monthly 01/04/2012 Approved
2 TB - Monthly 02/04/2012 Declined
3 TB - Monthly 03/04/2012 Pending
4 TB - Monthly 04/04/2012 Call in to confirm
Table Responsive
To use Responsive Table use .res-table container and also use .table-fixed .ellipsis-table to Ellipsis text-overflow. If you use Ellipsis text-overflow, you should define width-* (*/5) class of each columns.
Sender Subject Date
Lucas Kriebel (via Twitter) Lucas Kriebel (@LucasKriebel) has sent you a direct message on Twitter! 11:49 AM
Randy, me (5) Last pic over my village – 5:03 AM
Death to Stock Trip home from Colombo has been arranged, then Jenna will come get me from Stockholm. :) 8 May
Peter, me (3) Since you asked... and i'm inconceivably bored at the train station – 5 May
Google Drive Team Trip home from Colombo has been arranged, then Jenna will come get me from Stockholm. :) 15 July