css - Foundation5 源代码排序 : content vs. 侧边栏

Question

我在 ZURB Foundation 5 中有一个包含三列的布局结构，其中两列是侧边栏(左和右)，中间一列是主要内容区域。

我一直在研究文档的源代码排序说明，但遇到了一些麻烦。

我试图将情况形象化，以便您可以在一秒钟内理解我想要什么。

这是桌面 View 和结构:

这就是我希望它在移动设备上的样子:

有人知道我将如何实现吗？ 提前致谢。

Answer 1

应该是

<div class="row">
  <div class="small-12 medium-6 medium-push-3 columns">Main</div>
  <div class="small-12 medium-3 medium-pull-6 columns">Left Sidebar</div>
  <div class="small-12 medium-3 columns">Right Sidebar</div>
</div>

第一个答案需要使用medium-push-3代替medium-push-6和medium-pull-6代替medium-pull-3。