Angular Material 2 with Bootstrap 4 Grid

Issue

I am using Angular 4 and have installed Angular Material 2 as I like how the components look.

So now I have all the components and want to create a layout.

I know there’s Angular Flex-layout for it but to be honest I don’t know Flex that well so I was thinking on using Bootstrap’s 4 Grid for sorting out the layouts.

Is there any reason why I should not use Bootstrap’s grid with Angular Material2 ?

Solution

There is no point to use bootstrap grid with angular material2 at all.

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

I do not think you are quite right on that as in order to use flex-layout you do not have to be a flexbox css expert at all.

Flex-layout is just an abstraction API on top of flexbox css it is very simple to master. Just have a look in to live samples https://tburleson-layouts-demos.firebaseapp.com/ and also checkout this ngair episode https://www.youtube.com/watch?v=TewrxMo_QAs to get some interesting insides on flex-layout from its creator Troy Burleson

Answered By – angularrocks.com

Answer Checked By – Marilyn (AngularFixing Volunteer)

Leave a Reply

Your email address will not be published.