流体布局可在小屏幕上重新排序容器位置

Question

我有一个流畅的布局，有三个容器，例如A [左侧边栏]，B [主容器]，C [右侧边栏]。它适用于所有屏幕尺寸，并且完美地排列在一个低于另一个A在顶部，然后是B和最后一个C（使用媒体查询）。但我的要求是安排像B，然后A / C.我希望我的主要容器能够出现在侧边栏上。

我确信使用CSS / Jquery一定可以做到这一点，而且有人会这样做但我得到它的解决方案。

任何帮助都将受到高度赞赏。

Answer 1

我已经想出如何做到这一点，如果有人需要，这就是答案：

$('div.b').insertBefore($('div.a'));