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

【问题标题】：Fluid layout to reorder container positions on small screens在小屏幕上重新排列容器位置的流体布局
【发布时间】：2013-10-07 15:35:38
【问题描述】：

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

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

任何帮助将不胜感激。

【问题讨论】：

这是 CSS 中的两种方法 1)dabblet.com/gist/7186549 2)dabblet.com/gist/7186624 以防您仍在寻找解决方案。我倾向于第二种方法，因为第一种方法可能会导致一些复杂性。如果你愿意，我可以解释更多关于这些方法的信息。

【解决方案1】：

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

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

【讨论】：