css - Twitter bootstrap 没有得到我想要的页面布局

Question

我正在使用 twitter bootstrap 进行布局，目前这是我的页面的样子:

我想将“健身是我们的目标”文本移到大图片下方 - 但由于我的布局处理方式，它没有发生。

目前我有以下布局:

div class="col-md-12">
<h3>
  class name here
</h3>
</div>

<div class="col-md-8">
big picture here
  </div>
  <div class="col-md-4”>

all details on right hand column here - ending with address
 </div>

<div class="col-md-8”>
Fitness is our goal text - it is this div I want moved up flush underneath the image
</div>

我想要的结果是:

请帮忙!

Answer 1

将文本移动到图像的列中是否会破坏您的布局，如下所示:

<div class="col-md-12">
<h3>
  class name here
</h3>
</div>

<div class="col-md-8">
big picture here

Fitness is our goal text - it is this div I want moved up flush underneath the image
  </div>
  <div class="col-md-4”>

all details on right hand column here - ending with address
 </div>

如果不是那样，那么您可能还想确保没有围绕该图像的包装器，它会强制一定的大小比例，在它和下一列之间添加空间。