트위터 부트 스트랩 내의 div 요소의 오프셋 수직 위치

Question

트위터 부트 스트랩을 유체 격자로 사용하여 오프셋 요소를 올바르게 수직으로 정렬하려고합니다. http://imgur.com/IkB2G 이 내 코드 현재 실제 위치입니다 : : 빨간색 상자를 고려

, 이것은 시도 DIV의 위치입니다 (참고 : 그리드 30 개 컬럼에 정의됩니다) 여기 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>