我正在试用Bulma弹性盒子CSS框架,目前看起来相当不错!唯一的难点是我似乎无法为移动设备设置显示顺序。
<div class="columns">
<div class="column foo">Foo</div>
<div class="column bar">Bar</div> // Would like this to be first on small deviecs
</div>
编辑
这是我的CSS代码:
body, html {
background-color: blue;
}
.foo { order: 2; }
.bar { order: 1; }
@media only screen and (min-width: 769px) {
body, html {
background-color: red;
}
.foo { order: 1; }
.bar { order: 2; }
}
order: -1
属性吗? - Michael Benjamin