2013-10-04 62 views
0

因此,我只是在基金会目前我的头......我和如何嵌套的div工作的问题。Zurb基金会嵌套Div问题

我有一个14列的网格...我想通过拥有一个大12居中的div来分割我的内容,然后分割我的内容......我试图弄清楚的是.. .do我总共有12列在该div中...或者它重置为我的12列宽div中的14列吗?

<div class="row"> 

    <div class="large-12 large-centered columns"> 

     <div class="large-5 columns" style="background-color:#CCC;"> 
      <img class="logo" src="img/360logo.png"> 
     </div> 

     <div class="large-8 large-offset-1 columns nav" style="background-color:#CCC;"> 
     <ul class="nav"> 
     <li><a href="#" class="nav last">Become a Model</a></li> 
     <li><a href="#" class="nav">Contact Us</a></li> 
     <li><a href="#" class="nav first">About Us</a></li> 
     </ul> 
     </div> 

    </div> 

</div> 
+0

为什么你只想使用14列布局的12列? 您是否想在左侧和右侧留出备用栏? 对于任何div.row,您需要重新使用其中的14列。 在文档的第一个示例中,查看每个.row中的数字总计为12:http://foundation.zurb.com/docs/components/grid.html –

回答

0

您将有14栏。无论你有多深,任何嵌套行都是一样的。