css - 如何将 Bootstrap 中的两行合并为一列

Question

我有以下结构

我想使用 bootstrap 将第二行推到第一行的空白区域。 css新手请帮忙

更新

<div class="row">
  <div class="col-md-8">
    <form >
SMALL FORM
    </form>
  </div>
  <div class="col-md-4">
HUGE IMAGE
  </div>
</div>

<div class="row">
  <div class="col-md-8">
    DATA
    </div>
</div>

Answer 1

你试过这样的事情吗？

<div class="row">
    <div class="col-md-8">
        <div class='row'>
            <div class='col-md-12'>
                <form >
                    SMALL FORM
                </form>
            </div>
        </div>
        <div class='row'>
            <div class='col-md-12'>
                DATA
            </div>
        </div>
    <div class="col-md-4">
        HUGE IMAGE
    </div>
</div>