Note that in order to make the table header look ok when scrolling we need to add a background color and a bottom border.
There is also a bug in IE7 that causes the leftmost column to resize when scrolling. Consider using conditional comments (see source) to make sure the plugin is not loaded in this browser.
| Label | Layout width | Column width | Gutter width |
|---|---|---|---|
| Smartphones | 480px and below | Fluid columns, no fixed widths | |
| Smartphones to tablets | 767px and below | Fluid columns, no fixed widths | |
| Portrait tablets | 768px and above | 42px | 20px |
| Default | 980px and up | 60px | 20px |
| Large display | 1200px and up | 70px | 30px |