Twitter bootstrap 如何在第二个元素是移动设备（如Youtube）上的最后一个元素的位置创建响应网格？

我希望在bootstrap 3中这样的网站上有一个网格：

桌面%=宽度：

ELEMENT1 (50%) ELEMENT2 (50%)
ELEMENT3 (50%)

流动电话：

ELEMENT1 (100%) 
ELEMENT2 (100%)
ELEMENT3 (100%)

问题是，桌面上的Element3始终低于ELEMENT1和ELEMENT2的总高度

但它应该永远在元素1之下

另一个更实际的例子是Youtube视频：

桌面Youtube视频：

VIDEO (70%) SUGGESTEDVIDEOS (30%)
COMMENTS3 (70%)

VIDEO (100%) 
SUGGESTEDVIDEOS (100%)
COMMENTS3 (100%)

移动Youtube视频：

VIDEO (70%) SUGGESTEDVIDEOS (30%)
COMMENTS3 (70%)

VIDEO (100%) 
SUGGESTEDVIDEOS (100%)
COMMENTS3 (100%)

我目前的解决方案存在一个问题，即如果视频高度小于建议的视频高度，则桌面视图中的视频和评论之间会有一个间隙

在桌面视图中，如何在视频和评论之间没有间隙的情况下拥有这3个框？

解决方案是

pull-right

请看这里：