Angular Material 2 和 Bootstrap 4 网格

Angular Material 2 with Bootstrap 4 Grid

我正在使用 Angular 4 并安装了 Angular Material 2,因为我喜欢这些组件的外观。

所以现在我拥有所有组件并想创建一个布局。

我知道有 Angular Flex 布局,但老实说我不太了解 Flex,所以我在考虑使用 Bootstrap 的 4 Grid 来整理布局.

为什么我不应该将 Bootstrap 的网格与 Angular Material2 一起使用?

根本没有必要将 bootstrap gridangular material2 一起使用。

I don't know Flex that well so I was thinking on using Bootstrap's 4 Grid for sorting out the layouts.

我认为您在这一点上并不完全正确,因为要使用 flex-layout,您根本不需要成为 flexbox css 专家。

Flex-layout只是flexbox css之上的抽象API,掌握起来非常简单。只需查看实时样本 https://tburleson-layouts-demos.firebaseapp.com/ and also checkout this ngair episode https://www.youtube.com/watch?v=TewrxMo_QAs,就可以从其创建者 Troy Burleson

那里获得关于 flex-layout 的一些有趣内幕