偏移Twitter内的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>