包裹的Bootstrap列

Question

我需要这样的布局：

1. 响应式设计（基于bootstrap 3）
2. col-sm-7（紫色）有固定高度，但可选
3. col-sm-5（蓝色）具有可变高度（非动态），可选
4. 底部文字（绿色）应该包裹紫色 和蓝色块并采取全宽​​（col-sm-12）
5. 块可以有额外的分类取决于是否存在其他块
6. 在移动视图中，它们应该是赌注：



是否可以通过bootstrap markup＆amp; amp;来实现此行为。 CSS？怎么样？

Answer 1

只需在蓝色和紫色容器中添加.pull-left类。

情景1：http://jsfiddle.net/xawvez5o/

情景2：http://jsfiddle.net/xawvez5o/1/

情景3：http://jsfiddle.net/xawvez5o/2/

情景4：http://jsfiddle.net/xawvez5o/3/