jquery - 在小屏幕上重新排列容器位置的流体布局

Question

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

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

任何帮助将不胜感激。

Answer 1

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

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