# Grid Class

Ng-Matero 提供了一套类似 Bootstrap 栅格的样式，源码在 `styles/grid` 中。这套样式是可选的，你完全可以选择自己喜欢的布局类，比如 Bootstrap、Foundation、Semantic 等。

Ng-Matero 的栅格断点和 flex-layout 的默认断点是一样的。

| breakpoint | mediaQuery                                               |
| ---------- | -------------------------------------------------------- |
| xs         | 'screen and (max-width: 599px)'                          |
| sm         | 'screen and (min-width: 600px) and (max-width: 959px)'   |
| md         | 'screen and (min-width: 960px) and (max-width: 1279px)'  |
| lg         | 'screen and (min-width: 1280px) and (max-width: 1919px)' |
| xl         | 'screen and (min-width: 1920px) and (max-width: 5000px)' |

除了响应式断点和 Bootstrap 不同之外，使用方式和 Bootstrap 完全一样。