如何使用React语义UI创建响应式布局?

<grid.row>
<grid.column computer=16 largescreen=10_gt;
A/GT;
</grid.column>
展示(
<grid.column computer=16 largescreen=6_gt;
& B/gt;
</grid.column>
}
和/格栅& GT;
< /代码> <


版面设计A和B在移动设备中必须一个接一个地堆叠。
在大屏幕上的布局乙必须是可切换的。然而,一根据的可见性调整为全屏或半屏乙.

我的代码示例

<Grid.Row>
  <Grid.Column computer={16} largeScreen={10}>
    <A />
  </Grid.Column>
  {showB && (
      <Grid.Column computer={16} largeScreen={6}>
        <B />
      </Grid.Column>
  )} 
</Grid>