所以我想加快Angular6的变化，我看到了关于他们的材料库的提及。几个问题：
- Material是否使用自己的CSS布局，而不是Bootstrap？
- 两个主要包装中的每一个的作用是什么
npm install --save @angular/material @angular/cdk
答案 0 :(得分：2)
- Material是否使用自己的CSS布局，而不是Bootstrap？
Angular Material不依赖于任何布局系统。显然，它在内部使用纯css（scss）来设置其组件的样式，但您可以自由使用任何lib（如flex-layout）或只使用本机css flex / grid来布局您的应用程序。
- 两个主要包中的每一个的作用是什么
mod_alias只是@angular/cdk中提取的逻辑，可以独立于Material Design使用。在@angular/cdk中，您可以使用覆盖，可访问性等常用构建块，这有助于实现您自己的组件。
答案 1 :(得分：1)
<强> - Does Material uses its own CSS layout, rather then Bootstrap?
材质CSS基于 Material Design 。是的材质使用自己的CSS布局，它不使用网格系统而是使用Flex。
但是 YES ，如果您是开发人员，则可以获取两者的源文件并使用LESS编译它们或使用 one 如果你想结合bootstrap和材料设计。
<强> - What is the role of each of the two main packages?
这取决于您设计网站的方式。
答案 2 :(得分：1)
我认为Angular Material主要是一个组件库。虽然Bootstrap也提供“组件”，但我认为它们略有不同，因为它们只是应用于标准div标签的css类而不是......
通常在我的应用程序中，我会将Angular Material用于卡片，导航栏，按钮等等！虽然他们确实提供了一个“网格列表”来构建页面上的内容，但是使用恕我直言，然后我更喜欢使用bootstraps网格系统。
在我的src/styles.scss我只想添加@import '~bootstrap/scss/bootstrap-grid';如果你真的很勇敢并想尝试一起放弃引导程序，你也可以尝试@angular/flex-layout ...
答案 3 :(得分：0)