Html ZURB基金会嵌套DIV发行 所以我现在只想了解一下基金会……我对嵌套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列。无论嵌套行有多深，它都是相同的。

为什么只想使用14列布局中的12列？你想在左边和右边留一根备用的柱子吗？对于任何div.row，都需要重用其中的14列。在文档中的第一个示例中，请参见如何在每个.row中，数字相加为12：