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>