如何在小屏幕上交换Skeleton CSS Grid中的侧边栏？

Question

我是使用Skeleton CSS网格的新手，所以请原谅我的无知！

我的问题起初看起来很简单，但它让我有些难过。

比如说，我有一个网站，其左栏侧边栏宽4列，然后是右栏内容区，跨越12列。像这样：

在较小的屏幕尺寸上，侧边栏会折叠到主要内容区域的顶部。这不是我想要的......但由于较小尺寸的线性特性，我希望侧边栏显示在主要区域下方，以便显示内容＆＃39; first＆＃39;在更多的移动设备上。

Skeleton的默认行为是将此侧边栏堆叠在主区域的顶部。

关于此解决方案的任何想法？我是否可以使用负边距并在语义上调整标记以将侧边栏放在主区域下方？

谢谢， 迈克尔。