Components: Is there a 12 column responsive grid system there in material 2.?

[codejith]

Bug, feature request, or proposal:

(Feature Request): 12 column responsive grid system

What is the expected behavior?

Something like this http://materializecss.com/grid.html

What is the current behavior?

What are the steps to reproduce?

Providing a Plunker (or similar) is the best way to get the team to see your issue.
Plunker template: http://plnkr.co/edit/o077B6uEiiIgkC0S06dd

What is the use-case or motivation for changing an existing behavior?

Which versions of Angular, Material, OS, browsers are affected?

Is there anything else we should know?

[fxck]

There won't be any grid system as part of this repo.

Check https://github.com/angular/flex-layout

[hrant-ian]

The Material2 feature list still includes a "layout" component. Is that still relevant or should we use the angular/flex-layout instead? If not, what are/will be the differences between both?

[jelbourn]

We'll have an official blog post on this soon, stay tuned to the Angular blog.

[charsi]

Might be useful to put a link to flex-layout in the docs for people looking for responsive options within Angular Material.

[russelltrafford]

in Dec 2016 there was a post from @jelbourn saying there will be an official blog post on this, could a link be provided, as that would help a lot :)

[chetan-rathod]

i am also stuck in this problem
plz provide a solution for that it will help a lot to everyone

[rasert]

Please help. I tried to use flex-layout to put a card in the center of the page. Center in both axis. But it does not work. I can only put it in the center of the row.

[mackelito]

@rasert do you have a plunkr? If so please share and I´ll help if I can! :)

[nicksloan]

@russelltrafford I'm sure you've seen this by now, but for others who might land here while researching, this is the blogpost that @jelbourn mentioned: http://angularjs.blogspot.com/2016/12/angular-material-beta-release-new-flex.html

[rdineshkumar88]

For Angular Material 6.2.1, here's the tutorial to create 12 columns responsive grid.
https://ampersandacademy.com/tutorials/angular-material/responsive-grid-layout-in-angular-material

[chauey]

@rdineshkumar88 that website seems down currently

[rdineshkumar88]

It seems to be working fine. Kindly check.

[rafadpedrosa]

This website is not working for me either @chauey :(

EDIT

Just followed this guide: https://www.amadousall.com/the-good-parts-of-bootstrap-4-you-are-missing-in-your-angular-material-projects/

Works for me

[chauey]

@rafadpedrosa I had to reset service worker. https://github.com/angular/material.angular.io/issues/378 "Visit chrome://serviceworker-internals/ and unregister the worker for material.angular.io. This worked for me."

Thanks for the link to the guide

[angular-automatic-lock-bot[bot]]

This issue has been automatically locked due to inactivity.
Please file a new issue if you are encountering a similar or related problem.

Read more about our automatic conversation locking policy.

_{_This action has been performed automatically by a bot._}