如何将Bootstrap中的两个单独行组合到一列中

Question

我有以下结构

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

UPDATE

<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>

Answer 2

你还没有给予太多帮助，但你有没有尝试过以下几点？

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