I am starting on a new project with Angular 4 and need to create responsive and pleasant user interface.
I know bootstrap and used it in previous AngularJS apps, but angular material is new to me. It seems easy to follow docs but i cannot find the responsiveness support.
I don't want to mix them but have not been able to find that column responsiveness for mobile support that bootstrap provides.
Am I missing something? Does angular material support similar responsiveness or should I used both in my app?
Features of Angular MaterialIt is an In-built responsive design. Angular Material has standard CSS. The new version of UI Components, buttons, checkboxes, and text fields is used to follow Angular Material Design concepts.
Angular Material and Flex Layout are absolutely better than bootstrap. But that doesn't mean that you should not use bootstrap, but you may consider utilizing both the libraries.
Bootstrap or Angular Material? 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.
The quickest answer would be, no, angular is not responsive by default.
To add responsiveness in modern angular app you can use Flex-layout it is completely separate from material2 so you can use that even without using material2 in your app.
Bare in mind that as flex-layout is based on Flexbox CSS so it is not supported in old browsers.
Here are some examples
Also check out the new ngAir episode episode talking about Flex-Layout
UPDATE:
Starting from 6.0.0-beta.16 flex-layout now has an API to support CSS Grid. You can find more details by checking pr#712
If you love us? You can donate to us via Paypal or buy me a coffee so we can maintain and grow! Thank you!
Donate Us With