Color Library

Similarly to how you can use contextual color classes, you can also use any class from the color library.

#

First Name

Last Name

Team

87

Sydney

Crosby

Penguins

97

Connor

McDavid

Oilers

8

Alex

Ovechkin

Capitals

91

John

Tavares

Islanders

8

Brent

Burns

Sharks

#

First Name

Last Name

Team

87

Sydney

Crosby

Penguins

97

Connor

McDavid

Oilers

8

Alex

Ovechkin

Capitals

91

John

Tavares

Islanders

8

Brent

Burns

Sharks

Inverse Tables

To use light text on a dark background, add class table-inverted.

#

First Name

Last Name

Team

87

Sydney

Crosby

Penguins

97

Connor

McDavid

Oilers

8

Alex

Ovechkin

Capitals

91

John

Tavares

Islanders

8

Brent

Burns

Sharks

#

First Name

Last Name

Team

87

Sydney

Crosby

Penguins

97

Connor

McDavid

Oilers

8

Alex

Ovechkin

Capitals

91

John

Tavares

Islanders

8

Brent

Burns

Sharks

Responsive Tables

One crucial thing missing from all of the table examples above is the responsiveness. Of course we want our tables to display nicely on mobile devices. So to create responsive tables, wrap any <table> in .table-responsive to make them scroll horizontally on small devices (under 768px). When viewing on anything larger than 768px wide, you will not see any difference in these tables.