Twitter bootstrap Twitter引导程序3行范围和重新排序

我尝试通过twitter引导实现以下目标：

在除“超小”屏幕外的所有屏幕上，布局应如下所示：

在“超小型”设备上，它应该是这样的

我已经试过这个解决方案，但它不起作用，因为从“B”到“A”和“C”之间没有“rowspan”

这意味着，如果“B”大于“A”，那么“A”和“C”之间就有一个间隙。 有没有办法做到这一点

---

致以最诚挚的问候

以下是答案。我添加了一些内联样式只是为了可视化这个示例

A

B

C

@介质（最小宽度：768px）{
.b-col{
浮动：对；
}
}

看到这一点：这不是我想要的，因为这个答案只显示了重新排序，但当设备不是特别小时，从“B”开始没有“float:right”或“rowspan”。这正是我想要的！非常感谢。

<div class="row">
    <div class="col-sm-7" style="background: green; height: 300px;">
        <p>A</p>
    </div>
    <div class="col-sm-5 b-col" style="background: blue; height: 600px;">
        <p>B</p>
    </div>
    <div class="col-sm-7" style="background: red; height: 300px;">
        <p>C</p>
    </div>

</div>

@media (min-width: 768px) {
    .b-col {
        float: right;
    }
}