Logo Questions Linux Laravel Mysql Ubuntu Git Menu
HTML CSS JAVASCRIPT SQL PYTHON PHP BOOTSTRAP JAVA JQUERY R React Kotlin
 

Main differences between Angular Material + Bootstrap vs. MDbootstrap for Angular [closed]

Tags:

angular

twitter-bootstrap

material-design

angular-material

mdbootstrap

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.

like image 759
noisy Avatar asked Mar 19 '18 05:03

noisy

People also ask

What is the difference between Angular material and Bootstrap?

Bootstrap is a responsive framework that can develop user-friendly and modern websites and mobile applications. Angular Material is a User Interface (UI) component library that offers reusable components to speed up your project.

What is the difference between Bootstrap and material design?

While Material Design focuses on how various design elements interact to create an aesthetically-pleasing website that is also mobile-friendly, Bootstrap is more concerned with making websites and web apps responsive and functional.

What is the difference between Angular material and material design?

Angular material and material design basically the same. Material design is abstract for mobile and web. Angular material is implemented for Angular. So if you use "Angular material" you are using "Material design".

Which one is better Angular or Bootstrap?

AngularJS is widely used for single page application development as it provides MVC architecture with data model binding. On the other hand, Bootstrap uses HTML, CSS, and JavaScript for its development which makes it comparatively faster.

1 Answers

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.

like image 131
Kyle Selman Avatar answered Nov 08 '22 11:11

Kyle Selman
Sign in to Comment

Related questions

How does angular-cli work with ES6 modules?
How to implement ACL / role based authorization with angular 2?
Angular 2 AOT and Lazy loading
How do I view JSCode-generated documentation in Visual Studio Code?
How can I test an Angular 2 ErrorHandler implementation?
Where to import (export?) a module using forRoot?
Step by step guide on how to create a webjar for Front-End Application? [closed]
Dropdown not working as expected in Safari?
Initialize other provider after APP_INITIALIZE
How do I put a Google Chart in Angular 4
RxJS/Observable flatMap can return Observable or array
Upload model with IFormFile propertis from Angular2 to ASP.NET Core WebApi
ReferenceError: localStorage is not defined
router.navigate changes the URL, but is not rendering the component
Sequential subscription to an array of observables
Testing a method that does not return any value(jasmine angular4)
Angular HTTP Interceptor - Display spinner in multi-module app
angular material No provider for MatDialog! Error
Override a component's default sass variables in a different angular-cli project
angular AOT and JIT on same project

Donate For Us

If you love us? You can donate to us via Paypal or buy me a coffee so we can maintain and grow! Thank you!