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 |
.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 |
.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 |
.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 |
.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 |