html - Foundation 6 中的列行类实际应用

Question

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

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

Answer 1

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

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

如果列 div 是 12 宽，您可以将该结构替换为:

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

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

而且，至于可读性可能不那么重要。