Table Styles

Example: Default table styles

By default tables are styled with inner horizontal borders. Table headings and data are set at 13px. No additional classes necessary.

# First Name Last Name Language
1 Some One English
2 Joe Sixpack English
3 Stu Dent Code

Example: Condensed table

For large tables where tight spacing is required.
Usage: <table class="condensed"> ... </table>

# First Name Last Name Language
1 Some One English
2 Joe Sixpack English
3 Stu Dent Code

Example: Bordered table

Inner and outer borders. May be combined with condensed class.
Usage: <table class="bordered"> ... </table>

# First Name Last Name Language
1 Some One English
2 Joe Sixpack English
3 Stu Dent Code

Example: Zebra-striped

Alternating row color style. May be combined with condensed and/or bordered classes.
Usage: <table class="zebra-striped"> ... </table>

# First Name Last Name Language
1 Some One English
2 Joe Sixpack English
3 Stu Dent Code

Leave a Reply