Foundation 6.4.1 - Bootstrap .container 等效项？

Question

现在 Foundation 6.4.1 中的 Bootstrap .container 等价物是什么？

6.3.1以前是.row。但它在 6.4.1 中不再以这种方式工作：

.row {
  border: 1px solid red;
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/foundation/6.4.1/css/foundation.min.css">
<script src="https://cdnjs.cloudflare.com/ajax/libs/foundation/6.4.1/js/foundation.min.js"></script>

<div class="row">
  content
</div>

<script>
  $(document).foundation();
</script>

6.3.1:

.row {
  border: 1px solid red;
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/foundation/6.3.1/css/foundation.min.css">
<script src="https://cdnjs.cloudflare.com/ajax/libs/foundation/6.3.1/js/foundation.min.js"></script>

<div class="row">
  content
</div>

<script>
  $(document).foundation();
</script>

有什么想法吗？

Answer 1

6.4 版根据他们的 documentation.

使用称为 XY Grid 的新网格系统

等价物似乎是 grid-container。

这是一个例子：

<div class="grid-container">
  <div class="grid-x">
    <div class="cell small-4">cell</div>
    <div class="cell small-4">cell</div>
    <div class="cell small-4">cell</div>
  </div>
</div>

Foundation 6.4.1 - Bootstrap .container 等效项？

Foundation 6.4.1 - Bootstrap .container equivalent?

css

twitter-bootstrap

zurb-foundation