给定一个包含两列的网格:
.ui.grid
.eight.wide.column
.eight.wide.column
如果屏幕尺寸是移动设备,是否可以将第一列的宽度更改为four
,将第二列的宽度更改为twelve
?
e.g。
|12345678|90123456|
becomes
|1234|567890123456|
on a small, mobile screen
答案 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中有很好的描述。