我正在使用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项目填充第一行?
把垂直容器?