Zurb 基金会嵌套 Div 问题答案

【问题标题】：Zurb Foundation Nested Div IssueZurb 基金会嵌套 Div 问题
【发布时间】：2013-10-04 22:30:00
【问题描述】：

所以我现在只是在了解 Foundation ......而且我对嵌套 div 的工作方式有疑问。

我有一个包含 14 列的网格...我想通过一个大的 12 居中 div 来使我的内容居中，然后在其中划分我的内容...我想弄清楚的是...我在该 div 内总共有 12 列...还是在我的 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>

【问题讨论】：

为什么你只想使用14列布局的12列？您要在左右各留一个备用栏吗？对于任何 div.row，您需要在其中重用 14 列。在他们在文档中的第一个示例中，查看每个 .row 中的数字如何加起来为 12：foundation.zurb.com/docs/components/grid.html

标签： html css zurb-foundation

【解决方案1】：

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

【讨论】：