Foundation 6 实际使用中的列行类

【问题标题】：column row class in Foundation 6 practical usesFoundation 6 实际使用中的列行类
【发布时间】：2016-04-02 01:01:10
【问题描述】：

<div class="column row">
  Row column
</div>

Foundation 文档没有给出使用此功能的任何实际示例。有人知道如何正确使用它吗？和Bootstrap中的.container不一样吗？

【问题讨论】：

您可能已经阅读过这篇文章，foundation.zurb.com/sites/docs/grid.html。我发现了一个使用列作为接口的小提琴，jsfiddle.net/joanllenas/6zojkm48.
是问题。

【解决方案1】：

在大多数情况下，您会像这样在行 div 中创建列 div：

<div class="row">
    <div class="small-12 columns">
        Foo
    </div>
</div>

如果列 div 是 12 宽，您可以使用以下结构替换该结构：

<div class="column row">
    Foo
</div>

实用吗？如果您的 html 中到处都是第一个场景，那么可能是的。

而且，至于可读性可能没有那么多。

【讨论】：

【解决方案2】：

您必须将列放在行内。它与引导程序非常相似。这是一个帮助链接。

<div class="row">
  <div class="large-6 columns"><!-- ... --></div>
  <div class="large-6 columns"><!-- ... --></div>
</div>

【讨论】：