Foundation的网格系统中的标记：在哪里放置包装div？

Question

我是CSS框架的新手。

通常我会通过添加一个带有“wrap”类的div来在体内开始我的标记。其目的是使内容水平居中。并且有一个顶部，底部边缘。

现在有了基金会，我想保留这种方法。但我不知道在哪里放“包装”-div。

这就是我目前所得到的：

.wrap {
  margin: 10px auto;
}

<div class="wrap">
  <div class="row">
    <div class="small-12 columns">
      <div class="callout">
        <h1>Lorem Ipsum</h1>
      </div>
    </div>
  </div>
</div>

在CodePen上添加了基础演示：http://codepen.io/mizech/pen/LWBOvQ

我的意思是：它有效，但我不确定我是否做得对。

我应该保持原样吗？或者我应该把“换行”-div放在其他地方？

我是否应该完全保留“换行”-div（使用基金会时）并做其他事情？

Answer 1

您不需要换行div。 Foundation在.row上设置了最大宽度，因此其中的任何内容都符合该网格。如果需要，可以添加具有垂直边距或填充到该行的类。如果你需要一个全宽行，你只需要添加.expanded类。