Вложенный Div выпуск Zurb Foundation

Так что я просто собираюсь сосредоточиться на Фонде в данный момент... и у меня возникают проблемы с тем, как работают вложенные div.

У меня есть сетка с 14 столбцами... Я хочу сосредоточить свой контент, имея большой-12 центрированный div, а затем разделить мой контент внутри этого... То, что я пытаюсь выяснить, есть... у меня есть в общей сложности 12 столбцов внутри этого div... или он сбрасывается до 14 столбцов внутри моей ширины div в 12 столбцов?

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