带有 Bootstrap 4 网格的 Angular Material 2

【问题标题】：Angular Material 2 with Bootstrap 4 Grid带有 Bootstrap 4 网格的 Angular Material 2
【发布时间】：2018-01-28 02:15:44
【问题描述】：

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

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

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

我有什么理由不应该将 Bootstrap 的网格与 Angular Material2 一起使用？

【问题讨论】：

【解决方案1】：

将bootstrap grid 与angular material2 一起使用根本没有意义。

我不太了解 Flex，所以我在考虑使用 Bootstrap 的 4 用于整理布局的网格。

我认为您对此并不完全正确，因为要使用 flex-layout，您根本不必成为 flexbox css 专家。

Flex-layout 只是flexbox css 之上的一个抽象API，掌握起来非常简单。只需查看https://tburleson-layouts-demos.firebaseapp.com/ 的现场样本，并查看此 ngair 剧集https://www.youtube.com/watch?v=TewrxMo_QAs，即可从其创建者 Troy Burleson 那里获得有关flex-layout 的一些有趣的内幕

【讨论】：

是的 - 没有理由为了使用其过时的网格系统而导入所有 Bootstrap！对我来说，即使使用普通的 css flexbox 也比使用 bootstrap 的网格更容易。