在1140网格的移动视图中更改堆栈顺序？

Question

我想在我的网站上实现1140grid。布局很简单：

100% header 
25% sidebar 75% page 
100% footer 

也看到http://jsfiddle.net/KB5Nq/

的问题是，我想改变堆叠顺序时，该网站是移动视图：

100% header 
100% page 
100% sidebar 
100% footer 

然而，默认情况下，它按照它们在源代码中出现的顺序排列这些块：标题，侧边栏，页面，页脚。

是否有一个简单的CSS修复？

Answer 1

你可以试试这个。重新排序主要和侧边栏的文件流和黑客的框架样式负边距：

.container .eightcol {margin-left:34.55% !important;} 
.container .fourcol {margin-left:-100% !important;} 

http://jsfiddle.net/KB5Nq/2/

不过，我woudn't建议使用砍死框架不符合在首位您的需求。对于简单的布局，有时编写干净整洁的香草代码会更快。