如何使用语义 UI 在同一个网格中创建 'widescreen' 和 'computer' class

Question

如何在同一个网格中创建多个屏幕尺寸，如下所示

<Grid.Column width={1} only='widescreen' width={2} only='computer' verticalAlign='middle' centered>
    Content here
</Grid.Column>

这是行不通的。它总是采用最后给定的样式 (width={2} only='computer')

Answer 1

<Grid.Column widescreen={1} computer={2}>
    Content here
</Grid.Column>

成功了！谢谢

How to create 'widescreen' and 'computer' class in same grid using Semantic UI