Tables

Tables can sit inside .prose content and will receive standard baseline margins.

# Component Usage Responsiveness
1 Typography Always Inherent
2 Forms and Buttons Frequently Generally flows nicely
3 Responsive Grids Occasionally Content specific breakpoints
4 Other Layouts Occasionally Content specific breakpoints
5 Tables Now and then Requires consideration

Striped Table

.table--striped

# Component Usage Responsiveness
1 Typography Always Inherent
2 Forms and Buttons Frequently Generally flows nicely
3 Responsive Grids Occasionally Content specific breakpoints
4 Other Layouts Occasionally Content consideration
5 Tables Now and then Requires much thought

Striped and Bordered Table

.table--striped .table--bordered

# Component Usage Responsiveness
1 Typography Always Inherent
2 Forms and Buttons Frequently Generally flows nicely
3 Responsive Grids Occasionally Content specific breakpoints
4 Other Layouts Occasionally Content specific breakpoints
5 Tables Now and then Requires consideration

Condensed Table

.table--condensed

# Component Usage Responsiveness
1 Typography Always Inherent
2 Forms and Buttons Frequently Generally flows nicely
3 Responsive Grids Occasionally Content specific breakpoints
4 Other Layouts Occasionally Content specific breakpoints
5 Tables Now and then Requires consideration

Responsive Table (experimental)

.table--responsive — this technique requires a content-specific breakpoint. See my article Responsive Tables (2).

# Component Usage Responsiveness
1 Typography Always Inherent
2 Forms and Buttons Frequently Generally flows nicely
3 Responsive Grids Occasionally Content specific breakpoints
4 Other Layouts Occasionally Content specific breakpoints
5 Tables Now and then Requires much thought