부트 스트랩 시작

Question

전체, 나는 부트 스트랩에 괴상한 사람입니다. Bootstrap document을 읽은 후 jsfiddle에서 몇 가지 실험을 시작합니다. 내가 지금까지 한 것은

<div class="row"> 
    <div class="span9"> 
    Level 1 column 
    <div class="row"> 
     <div class="span6">Level 2</div> 
     <div class="span3">Level 2</div> 
    </div> 
    </div> 
</div> 

jsfiddle 링크는 http://jsfiddle.net/malaikuangren/qNsAG/4/show/입니다.

도움을 받으십시오. 나는 그것을 올바른 방식으로 얻지 못했던 것 같습니다. 올바른 결과는 아래 그림과 비슷합니다. 내가 뭔가를 놓친 지 모르겠다. 누군가 나를 도울 수 있을까요? 고마워요.

Answer 1

여기 당신은 내가 생각 찾고있는 무엇 : 나는 당신이 찾고 있던 스타일을 제공 부트 스트랩에서 docs.css에 대한 링크에 추가

http://jsfiddle.net/AxMg3/

<div class="container"> 
    <div class="row show-grid"> 
     <div class="span9"> 
      Level 1 column 
      <div class="row show-grid"> 
       <div class="span6">Level 2</div> 
       <div class="span3">Level 2</div> 
      </div> 
     </div> 
    </div> 
</div> 

.

또한 코드 주위에 컨테이너 클래스로 div를 추가하고 .show-grid 클래스에서 행에 추가했습니다.

Answer 2

부트 스트랩 단일 행의 크기가 12로 제한되어 있습니다. span6 + span3을 추가하면 열 크기가 6과 3이되므로이 행의 크기는 9이고 왼쪽에는 3 개의 열이 있습니다. 범위 및 오프셋을 참조하십시오.