Bootstrap vs Material Design for Angular vs Foundation: What are the differences?
Bootstrap, Foundation, and Material Design for Angular are all frontend frameworks, and all have their own fans. All three frameworks are open source; Bootstrap is the most popular by far. Material Design for Angular is distinguished by its relationship to AngularJS and the fact that it’s used specifically for Material Design by Google.
What is Bootstrap?
What is Foundation?
Want advice about which of these to choose?Ask the StackShare community!
Why do developers choose Bootstrap vs Material Design for Angular vs Foundation?
- Bootstrap is known for being responsive, consistent, and flexible. It’s widely used and well documented, and fans appreciate its responsiveness.
- Foundation is also appreciated for its responsive grid. Users call it fast, quick to prototype, and highly customizable.
- Material Design for Angular is backed by Angular and Google, which gives fans confidence. It’s also appreciated for its UI components and ease of learning.
What tools integrate with Bootstrap?
What tools integrate with Foundation?
We have been using it for the past 3 years and have no complaints
Good service with a good price, worth the money.
Leanstack was on Bootstrap 2. Chose this because it is wildly popular, so it’s active, has been used a lot in production, and has a ton of features. Anything you need to do from a UI perspective, there’s likely a plugin for it already part of the library. Haven’t tried the others, but we're happy with BS.
For StackShare, we upgraded to Bootstrap 3. I don’t like that they changed the name of columns, essentially breaking the grid layout for Bootstrap 2 and below, so that was a real pain to update. I hope they don’t do that again. Once we have more bandwidth, we’re totally going to decouple our markup from Bootstrap.
We started with a bootstrap based template and then completely rewrote it due to poor design of the template. Using boostrap properly was a great experience - once you learn it and use it properly, it's simple to use and very good at being responsive and adapting to the various screen view.
I simply bought a "job board" template for the website, which is written using Bootstrap 2. I'm hoping to upgrade the site to Boostrap 3 when I'll have a time.
Я просто купил шаблон для доски вакансий, написанный на Boostrap 2. Когда будет время перепишу все на Bootstrap 3.
With the advancement in CSS, Bootstrap is creating new milestones when it comes to minimising our CSS codes. So elegant and beautiful yet easy and convenient to use once you go through all the classes and its elements. In addition, its JS function is impressive too.
I use it for a lot of professional work where I might need more than just a responsive grid. Has a great set of mixins and components and also some nice JS-modules. I love that its so style-agnostic. Really easy to add custom styling.
Foundation has been my choice for years over Bootstrap and other similar CSS frameworks due to the naming conventions, well-designed built-in components, and it plays well with React when I'm not using ElementalUI instead.
The Angular Material Design framework is used by the Promethean TV Broadcast Center Tool and provides a common set of UI/UX elements on top of Angular.
Used the concept idea of Material Design from Google for our basic UI. This one is a great implementation source for our Angular Framework.
The main application uses this, it's great and solid base for app development in AngularJS.