Stacking table

Squeeze your browser to see the effect of .stack.

Table Header Table Header Table Header Table Header
Content Goes Here This is longer content Donec id elit non mi porta gravida at eget metus. Content Goes Here Content Goes Here
Content Goes Here This is longer Content Goes Here Donec id elit non mi porta gravida at eget metus. Content Goes Here Content Goes Here

Responsive table

Add the class .responsive-table to the table tag, and you'll be able to make use of the grid system of clases, such as .show-for-large.

Note that this requires jQuery, as it will propogate the th classes to each td.

Compact Shown for large Table Header Table Header
Content Goes Here This is longer content Donec id elit non mi porta gravida at eget metus. Content Goes Here Content Goes Here
Content Goes Here This is longer Content Goes Here Donec id elit non mi porta gravida at eget metus. Content Goes Here Content Goes Here