Bootstrap網格系統設計不起作用

Question

嗨我正在使用Bootstrap 3並嘗試設置我的模板，也許我沒有完全理解Bootstrap中的'行'概念，但我的模板沒有按照我的想法行事。

看這個全屏小提琴：
http://jsfiddle.net/52VtD/6206/embedded/result/
和源：
http://jsfiddle.net/52VtD/6206/

<div class="container"> 
    <div class="row"> 
     <div class="col-md-9"> 
      <div class="well"> 
       <div class="text-center"> 
        IM SO BIGGY<br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /> 
        <br /><br /><br /><br /><br /> 
       </div> 
      </div> 
     </div> 
     <div class="col-md-3"> 
      <div class="well"> 
       SMALL SPACE<br /><br /><br /><br /><br /><br /><br /> 
      </div> 
     </div> 
    </div> 
    <div class="row"> 
     <div class="col-md-3 col-md-offset-9"> 
      <div class="well"> 
       <strong>Fun</strong><hr class="hr-tags"/> 
       SPACE TIME<br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /> 
      </div> 
     </div> 
    </div> 
</div> 

我想這就是娛樂 - 時空「將是對下的「小空間」，但有是他們之間的巨大差距......我做錯了什麼？

Answer 1

Fun - SPACE TIME應與SMALL SPACE位於同一列內。這樣，整個col-md-3列就會正確地浮動，並且其內部的元素被排列在另一個之下。

參見JSFiddle result和source。

.row不像表格那樣工作，正如您可能認爲的那樣，而是確保它的子項有自己的路線。 This answer解釋了一點。