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

时间:2017-10-16 23:18:28

标签: semantic-ui

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

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

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

e.g。

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

1 个答案:

答案 0 :(得分: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中有很好的描述。