Main differences between Angular Material + Bootstrap vs. MDbootstrap for Angular

angular twitter-bootstrap material-design angular-material mdbootstrap
noisy picture noisy · Mar 19, 2018 · Viewed 8.1k times · Source

I have some experience with Angular 1.x, and right now I am building a stack for couple of new projects.

  • I want to have responsive grid, so I would like to use Bootstrap.
  • I want to use Angular, so I am going with latest Angular
  • I want to have material design... so I can choose https://material.angular.io/

... but I found https://mdbootstrap.com/angular/, which looks like some kind of combination of Bootstrap and Material Design which suppose to work as well with latest Angular.

I am confused and I am not sure what are main differences between those two approaches.

Answer

Kyle Selman picture Kyle Selman · Mar 19, 2018

Material Angular allows you to use Flex Layout which gives you a responsive grid if you spend the time to learn it.

I've been using it for multiple projects and it is great.

Related questions

How to add bootstrap to an angular-cli project

We want to use bootstrap 4 (4.0.0-alpha.2) in our app generated with angular-cli 1.0.0-beta.5 (w/ node v6.1.0). After getting bootstrap and its dependencies with npm, our first approach consisted in adding them in angular-cli-build.js: 'bootstrap/dist/**/*.min.+(js|css)', …

Read More
Angular 4: How to include Bootstrap?

I'm a backend developer and I'm just playing around with Angular4. So I did this installation tutorial: https://www.youtube.com/watch?v=cdlbFEsAGXo. Given this, how can I add bootstrap to the app so I could use the class "…

Read More
How to use Bootstrap in an Angular project?

I am starting my first Angular application and my basic setup is done. How can I add Bootstrap to my application? If you can provide an example then it would be a great help.

Read More