css - Bootstrap 。一列高达两列并排

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>