小编Gre*_*che的帖子

如何将material-ui Grid组织成行?

我正在使用material-ui来创建表单,并使用Grid系统执行以下操作:

<Grid container>
    <Grid item xs={4} />
    <Grid item xs={4} />
    <Grid item xs={4} />
</Grid>
Run Code Online (Sandbox Code Playgroud)

并且能够将前两个项目放在第一行,将第三项目放在第二行,我发现这样做的唯一方法是:

<Grid container>
    <Grid item xs={4} />
    <Grid item xs={4} />
</Grid>
<Grid container>
    <Grid item xs={4} />
</Grid>
Run Code Online (Sandbox Code Playgroud)

材料UI 堆叠Grid到行中的更好方法是什么(例如Bootstrap网格中的行类概念)?

我还考虑了以下选项:

  • 用空Grid项目填充第一行?

  • 把垂直容器?

javascript reactjs material-ui

8
推荐指数
2
解决办法
5535
查看次数

标签 统计

javascript ×1

material-ui ×1

reactjs ×1