2012-04-21 67 views
2

我正在使用Zurb基础,我试图将居中嵌套的列,但是由于我无法理解的原因,它不是集中它。任何人都可以点亮这一点吗?!试图在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> 

谢谢!

+0

哈!在这里回答我自己的问题,结果是我写的是数字而不是字数。真是个蠢货! – bjohnb 2012-04-21 23:36:56

回答

6

可能是4是不正确的,你应该尝试four和十二。

0

如果使用基金会3,尽量

<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> 

我发现闭幕<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>