Twitter-Bootstrap - 如何使用跨越两行的列创建此布局？

Question

我想创建一个如图所示的布局。有两个挑战，我不知道如何解决这个布局：

• 在col-md中，A和D将占用页面上任何可用的垂直空间，而B和C依次垂直排列，占用所需的空间。

• 在col-sm中，D和A不与B和C垂直对齐，而是根据需要占用尽可能多的空间。

COL-LG

COL-MD

COL-SM