基础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，那么可能是的。

而且，可读性可能不是那么多。

Answer 2

您必须将列放在一行中。它与bootstrap非常相似。这是一个帮助链接。

http://foundation.zurb.com/sites/docs/grid.html

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