我可以使用Material2制作网格系统吗？

Question

我正在使用带有Material2的Angular5，我想知道是否有像Boostrap这样的响应式网格系统有行和列？我做了一些研究，然后找到了MatGridListModule。文档有点简短，不讨论行。像col-md或col-xs这样的偏移或响应类没有任何内容。我想知道MatGridListModule是否能够完成我需要的工作。

我也找到了flex layout，但我不知道它是否是＃34;正确的方式＆＃34;建立我的网格。

感谢大家阅读这篇文章并度过了愉快的一天。

Answer 1

<mat-grid-list>不是布局组件。它意味着代表材料设计语言中存在的Grid List组件。

Flex-layout是最常推荐使用Material库进行布局结构化的模块，因为大多数组件都使用flex样式。使用fxFlex指令可以实现类似Bootstrap的网格，但需要进行一些思考和设置。

@angular/material本身是一个组件库，而不是一个布局工具。它与任何布局库兼容，如flex-layout和Bootstrap。如果你想要Bootstrap网格，请继续将其扔进去。