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 grid
与 angular 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
的一些有趣内幕
我正在使用 Angular 4 并安装了 Angular Material 2,因为我喜欢这些组件的外观。
所以现在我拥有所有组件并想创建一个布局。
我知道有 Angular Flex 布局,但老实说我不太了解 Flex,所以我在考虑使用 Bootstrap 的 4 Grid 来整理布局.
为什么我不应该将 Bootstrap 的网格与 Angular Material2 一起使用?
根本没有必要将 bootstrap grid
与 angular 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
的一些有趣内幕