javascript - 如何在响应中更改div位置

这是我正在处理的my website。

如您所见，桌面模式下有一个侧边栏。但是，当您在移动模式下看到它时，侧栏会在左侧显示的内容下方下降。

现在，我希望在移动视图中使侧边栏显示在顶部，然后显示内容。我已经尝试了很多类似position:absolute;和margin的方法，但是它不适用于我。

请提出执行此任务的正确方法。

jsFiddle of my code

这对我有用

<script type="text/javascript">

var windowWidth = $(window).width();
//window.alert(windowWidth);
if(windowWidth<=767){
    $('.wf-span-4').insertBefore('.wf-span-8');
    }
    </script>

最佳答案

您可能应该提供代码的简化版本，但是，这就是我所得到的。

您有以下两种选择之一：


更改网站的结构，以便顺序颠倒
第一名。
使用jQuery将内容移动到特定位置以下
宽例如：$('#sidebar').insertBefore('#content')