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

Question

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

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

任何帮助将不胜感激。

Answer 1

我已经知道怎么做了，如果有人需要的话，这里是答案:

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