html - Zurb 基金会嵌套 Div 问题

Question

所以我现在只是在了解 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>

Answer 1

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