Material UI and Grid system

2019-01-21 00:04发布

I'm playing a little bit with Material-UI. Are there any options for creating a grid layout (like in Bootstrap)?

If not, what is the way to add this functionality?

There is a GridList component but I guess it has some different purpose.

8条回答
贪生不怕死
2楼-- · 2019-01-21 00:33

I just use https://react-bootstrap.github.io/ for Responsive Layout and Material-ui for all the component

查看更多
劫难
3楼-- · 2019-01-21 00:33

I had difficulty finding a UI framework that would implement Material Design's standards for responsive behavior, so I've created two packages that implement a grid system for Material Design:

  1. A CSS framework: material-responsive-grid
  2. A set of React components that implement that framework: react-material-responsive-grid.

These packages follow the standards for responsive UI outlined by Google. All viewport sizes specified in their standards are supported with consideration for the proper gutters, recommended number of columns, and even the behavior of a layout that exceeds 1600 dp. It should behave as recommended for every device in the Device Metrics guide.

查看更多
登录 后发表回答