Material-UI Grid1と同じ幅の列Grid

Question

Material-UI Gridシステムで同じ幅の項目を1列作成する方法はありますか？私は

<Grid container align="center" direction="column"> 
    <Grid item className={classes.item}> 
     <img src={logo}/> 
    </Grid> 
    <Grid item> 
     <TextField label={messages.login.username} fullWidth /> 
    </Grid> 
    <Grid item > 
     <TextField label={messages.login.password} fullWidth /> 
    </Grid> 
    <Grid item> 
     <Button color="primary" raised>{messages.login.loginBtn}</Button> 
    </Grid> 
</Grid> 

は、理想的には私がすべての Grid itemsが同じ幅、その containerの可能性の幅であることがしたい、次のコードを持っています。私はすべて itemsに xs=12を設定しようとしましたが、何も変わりません。

Answer 1

グリッドコンテナでalign="center"をalign="stretch"に置き換えると、すべてのグリッドアイテムがストレッチされ、その親と同じ幅になります。 documentationで

このデモは、うん、私は完全にこのデモだけでなく、このフレックスオプションを逃した説明と