以扭曲为中心的Bootstrap网格

Question

我想创建一个12 cols bootstrap网格，如下所示。

浅蓝色我的标题，绿色是身体，橙色是页脚。灰色是背景。

我需要它以屏幕为中心，12 cols bootstrap网格标有水平浅蓝色条纹。

设计师将其称为普通的自举网格，但我认为它包含了一些变化。

任何解决方案的想法？可以这样做吗？

Answer 1

当然可以做到。只需嵌套div，以便条纹col-12网格位于居中视图中。

http://getbootstrap.com/css/#grid