在Twitter Bootstrap中偏移div元素的垂直位置

Question

我正在尝试使用Twitter Bootstrap与流体网格正确地垂直对齐偏移元素.(注意:网格自定义为30列)

考虑到红色框,这是尝试的div放置:http://imgur.com/IkB2G 这是我当前的实际展示位置:http://imgur.com/oJ2mG

这是我正在使用的代码.根据图像,不确定如何让下面的红色框移动到它上面的空白区域.

<div class="container-fluid nomargin">
<div class="row-fluid span30 nomargin"><div style="height:10px"></div></div>  <!--    Vertical spacing between menu and content-->
<div class="row-fluid">
<div class="span4"></div>
<div class="span16 white-box">
  <!--Body content-->
   <div style="height:100px"></div>
</div>
<div class="span6 white-box">
  <!--Body content-->
   <div style="height:300px"></div>
 </div>

 <div class="span16 white-box">
  <!--Body content-->
   <div style="height:100px"></div>
 </div>
 </div>

Answer 1

您需要将其视为 2 列，并且在左列中您有嵌套行。我无法从您发布的代码中找出正确的尺寸。但希望这段代码能给你一些启发。

<div class="row">
    <div class="span18">
        <div class="row">
            <div class="span18">This is a row on the left side.</div>
        </div>
        <div class="row">
            <div class="span18">This is a row on the left side.</div>
        </div>
    </div>
    <div class="span12">
        This is the content on the right side.
    </div>
</div>