Html 如何在移动基础上推/拉柱在顶部？

我在桌面上有类似的东西

[Column1 large-8] [Column2 large-4]

在手机里我想要

[Column2 large-4]
[Column1 large-8]

这是我的片段

<div id="search-content" class="row main-content">

    <div class="columns large-8">

    </div>

    <aside class="columns large-4">

    </aside>

</div>

第2列有东西被推离了视口。

将小拉-4更改为小拉-8

由于第一个div需要四列空间，所以应该将列按4 拉8，因为你的第一列占据了8列

---

推拉与浮动元件配合使用

您必须使用jQuery，例如：

$('.col1').before($('.col2'));

[Column2 large-4 small-pull-4][Column1 large-8 small-push-4]

<div id="search-content" class="row main-content">
    <div class="columns large-8 small-push-4">
    </div>
    <aside class="columns large-4 small-pull-8">
    </aside>
</div>

$('.col1').before($('.col2'));