zurb 기초에 중첩 된 열을 중심에 넣으려고 시도합니다.

Question

저는 Zurb 기반을 사용하고 있으며 중첩 된 열을 가운데에 놓으려고하고 있습니다.하지만 그럴 수없는 이유 때문에 중심에 있지 않습니다. 누구든지이 부분에 약간의 빛을 비춰 줄 수 있을까요?!

<div class="container"> 
    <div class="row"> 
     <div class="12 columns"> 
      <div class="row"> 
       <div class="4 centered columns"> 
        <h1>My Content</h1> 
       </div> 
      </div> 
     </div> 
    </div> 
</div> 

고마워요!

Answer 1

4이 올바르지 않으므로 four과 12를 입력해야합니다.

Answer 2

당신이 재단 3 사용하는 경우, 내가 <div> 태그 불균형이었다 폐쇄을 발견

<div class="container"> 
    <div class="row"> 
    <div class="12 columns"> 
     <div class="row"> 
     <div class="4 centered columns"> 
      <h1>My Content</h1> 
      </div> 
     </div> 
     </div> 
    </div> 
    </div> 
</div> 

보십시오.

당신이 재단 4 사용하는 경우,

<div class="container"> 
    <div class="row"> 
    <div class="large-12 columns"> 
     <div class="row"> 
     <div class="large-4 large-centered columns"> 
      <h1>My Content</h1> 
      </div> 
     </div> 
     </div> 
    </div> 
    </div> 
</div>