是否可以在语义UI中为不同的屏幕尺寸定义自定义列宽？

Question

给定一个包含两列的网格：

.ui.grid
  .eight.wide.column
  .eight.wide.column

如果屏幕尺寸是移动设备，是否可以将第一列的宽度更改为four，将第二列的宽度更改为twelve？

e.g。

|12345678|90123456|
becomes
|1234|567890123456|
on a small, mobile screen

Answer 1

是的，您可以轻松地执行以下操作：

<div class="ui grid">
  <div class="four wide mobile eight wide computer column"></div>
  <div class="twelwe wide mobile eight wide computer column"></div>
</div>

在Semantic-UI docs中有很好的描述。