부트 스트랩 그리드 시스템 디자인이 작동하지 않습니다.

Question

안녕하세요 저는 부트 스트랩 3을 사용하고 있습니다. 내 템플릿을 설정하려고했는데 부트 스트랩의 '행'개념을 완전히 이해하지 못했지만 제 템플릿이 원하는대로 작동하지 않습니다.
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> 

나는 '재미 - SPACE 시간을'것을 원하는 바로 '작은 공간'에있을 것입니다하지만이 그 (것)들 사이 거대한 간격 ... 나는 무엇이 잘못 했는가?

Answer 1

Fun - SPACE TIME은 SMALL SPACE과 같은 열 안에 있어야합니다. 이렇게하면 전체 col-md-3 열이 오른쪽으로 떠 있고 내부의 요소가 다른 열 아래에 배열됩니다.

JSFiddle result 및 source을 참조하십시오.

.row 생각할 수있는 것처럼 테이블 행처럼 작동하지 않지만 대신 자신의 행이 자녀에게 있는지 확인합니다. This answer에 대해 자세히 설명합니다.