2012-06-26 6 views
17

필자는 몇 달 동안 부트 스트랩을 사용 해왔고 모범 사례의 일부로 뭔가를 명확히하고자합니다.트위터 부트 스트랩 컨테이너

내 질문에 전체 행마다 하나의 큰 컨테이너 또는 각 행마다 컨테이너를 만듭니다.

예 1 (밀폐 용기)

<div class="container"> 
    <div class="row"> 
     <div class="span8 offest2"> 
      <h1>Content</h1> 
     </div> 
    </div> 
</div> 


<div class="container"> 
    <div class="row"> 
     <div class="span8 offest2"> 
      <h1>More Content</h1> 
     </div> 
    </div> 
</div> 

예 2 (1 대형 컨테이너)

<div class="container"> 

    <div class="row"> 
     <div class="span8 offest2"> 
      <h1>Content</h1> 
     </div> 
    </div> 

    <div class="row"> 
     <div class="span8 offest2"> 
      <h1>Content</h1> 
     </div> 
    </div> 

</div> 

에 감사드립니다 어떤 도움, 그냥

+1

나는 답이 실제로 예제 1이라고 생각한다. 당신의 디자인이'container-fluid' +'row-fluid' 일 필요가있는 헤더를 가지고 있지만 메인 컨텐츠 영역은 고정되어 있다고 가정하면 푸터는 다시 물이된다. 아마도 3 개의 컨테이너로 더 나을 것입니다. – StackOverflowNewbie

답변

13

조기 나쁜 습관에 들어가 싶지 않는 나는 것 두 번째 예제를 권장합니다. 처음에는 중복 된 코드가있어서 실제 의미가 없습니다. 항상 "자신을 반복하지 마십시오"라는 원칙을 생각하십시오.

16

여러 행을 논리적으로 테이블의 행과 같은 격자에 포함시킬 수 있습니다. .container는 하나의 표를 나타냅니다. 그래서 예 2는 갈 길입니다.