Material-UI 並排列出 React

Question

我正在嘗試在材料 UI 中並排制作這些列表，以響應 go。 誰能幫我？

<Typography><strong>Symptoms</strong></Typography>
        <ul>
            <h5>Common:</h5>
        <ul className="list">
            <li>Fever</li>
            <li>Tiredness</li>
            <li>Dry Cough</li>
        </ul>
        <h5 >Rare:</h5>
        <ul className="list">
            <li>Aches & Pains</li>
            <li>Nasal Congestion</li>
            <li>Runny Nose</li>
            <li>Sore Throat</li>
            <li>Diarrhoea</li>
        </ul>
        </ul>

Answer 1

您可以將兩者都包裝在Grid容器中，並為每個列表提供 6 列

---

<Grid container >
 <Grid item xs={6} >
        <h5>Common:</h5>
    <ul className="list">
        <li>Fever</li>
        <li>Tiredness</li>
        <li>Dry Cough</li>
    </ul>
  </Grid>
 <Grid item xs={6} >
    <h5 >Rare:</h5>
    <ul className="list">
        <li>Aches & Pains</li>
        <li>Nasal Congestion</li>
        <li>Runny Nose</li>
        <li>Sore Throat</li>
        <li>Diarrhoea</li>
    </ul>
    </Grid>
 </Grid>

---

閱讀更多 - https://material-ui.com/components/grid/