Basic Table

For basic styling—light padding and only horizontal dividers—add the base class .table to any <table> . It may seem super redundant, but given the widespread use of tables for other plugins like calendars and date pickers, we've opted to isolate our custom table styles.

# Browser Software license
1 Google Terms of Service
2 Internet Explorer Proprietary
3 Mozilla Firefox MPR
4 Safari Proprietary
5 Opera Proprietary
Stylish Table

Use .table-stylish to give a new look to the table.

# Browser Software license
1 Google Terms of Service
2 Internet Explorer Proprietary
3 Mozilla Firefox MPR
4 Safari Proprietary
5 Opera Proprietary
Striped rows

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

Photo Full Name
image Peter Clark
image Nicole Bell
image Steven Thompson
image Ella Patterson
image Kenneth Ross
Condensed table

Add .table-condensed to make tables more compact by cutting cell padding in half.

Update
alpha.com Feb 13
beta.com Jen 15
gamma.com Mar 09
delta.com Feb 10
epsilon.com Feb 18
zeta.com Feb 13
eta.com Jen 15
theta.com Mar 09
iota.com Feb 10
kappa.com Feb 18
Bordered table

Add .table-bordered for borders on all sides of the table and cells.

Domain Update
alpha.com Feb 13
beta.com Jen 15
gamma.com Mar 09
delta.com Feb 10
epsilon.com Feb 18
zeta.com Feb 13
eta.com Jen 15
theta.com Mar 09
iota.com Feb 10
kappa.com Feb 18
Contextual classes

Use contextual classes to color table rows or individual cells.

# Column heading Column heading Column heading
1 Column content Column content Column content
2 Column content Column content Column content
3 Column content Column content Column content
4 Column content Column content Column content
5 Column content Column content Column content
6 Column content Column content Column content
7 Column content Column content Column content
8 Column content Column content Column content
9 Column content Column content Column content