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

Question

这是 my website我正在努力。

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

现在我在移动 View 中想要的是让侧边栏出现在顶部，然后内容应该出现。我已经尝试了很多东西，例如 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>

Answer 1

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

您有两个选择之一:

1. 改变网站的结构，使顺序颠倒第一名。
2. 使用jquery将内容移动到某某下方宽度例如:$('#sidebar').insertBefore('#content')