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