引导。一列高达两列彼此叠加

Question

我正在尝试做这样的事情：

|                  |           |
|        1         |           |
|                  |           |
|__________________|      3    |
|                  |           |
|                  |           |
|        2         |           |
|                  |           |

这是我的代码：

<div class="row">
    <div class="row">
        <div class-"col-md-9 col-lg-9">
        </div>
    </div>
    <div class="row">
        <div class-"col-md-9 col-lg-9">
        </div>
    </div>
<div class="visible-md visible-lg col-md-3 col-lg-3">
    <img class="highImage" src="assets/img/surfboard2.jpeg" alt="...">
</div>
</div>

但我无法弄清楚如何使用bootstrap.js行和列进行操作。任何人都可以帮助我吗？

Answer 1

这样的事情应该有效：

<div class="row">
    <div class="col-md-9">
        <div>
            top row
        </div>
        <div>
            bottom row
        </div>
    </div>
    <div class="col-md-3">
        right cell
    </div>
</div>