Grid ZURB基础网格-无行重复列

这样做不对吗

<div class="row">
  <div class="medium-6 columns">some content</div>
  <div class="medium-6 columns">some content</div>
  <div class="medium-6 columns">some content</div>
  <div class="medium-6 columns">some content</div>
  <div class="medium-6 columns">some content</div>
  <div class="medium-6 columns">some content</div>
</div>  

一些内容
一些内容
一些内容
一些内容
一些内容
一些内容

而不是：

<div class="row">
  <div class="medium-6 columns">some content</div>
  <div class="medium-6 columns">some content</div>
</div>
<div class="row">
  <div class="medium-6 columns">some content</div>
  <div class="medium-6 columns">some content</div>
</div>
<div class="row">
  <div class="medium-6 columns">some content</div>
  <div class="medium-6 columns">some content</div>
</div>   

一些内容
一些内容
一些内容
一些内容
一些内容
一些内容

---

从我所看到的结果是相同的，但div

s
s较少。
两种方法都是正确的。添加.row很有用，因为它可以使事情保持平衡，并清除以前的浮动。以这个小断点为例，它将div切换到50%（假设为12列网格）：


一些内容
一些内容
一些内容
一些内容
一些内容
一些内容

在上面的示例中，当它运行到小网格时，网格将为2、1、2和1。现在只需一行即可：

<div class="row">
  <div class="small-6 medium-4 columns">some content</div>
  <div class="small-6 medium-4 columns">some content</div>
  <div class="small-6 medium-4 columns">some content</div>
  <div class="small-6 medium-4 columns">some content</div>
  <div class="small-6 medium-4 columns">some content</div>
  <div class="small-6 medium-4 columns">some content</div>
</div>


一些内容
一些内容
一些内容
一些内容
一些内容
一些内容

这个示例现在将分解为2、2和2。如果您在第二个示例中遇到浮动问题，这是一个解决这些问题的好方法

<div class="row">
  <div class="small-12 medium-4 columns">some content</div>
  <div class="small-12 medium-4 columns">some content</div>
  <div class="small-12 medium-4 columns">some content</div>
</div>

使用这种结构没有错

在一些布局中，您不能按照另一个答案中给出的每12列使用新行

如果您遇到我在上面发布的问题中提到的对齐问题（这将是两种结构之间唯一的主要区别）。有自定义类来清除它们。
我想补充一点，这两种方法都有效，第二种方法在技术上是Zurb（以及Twitter/Bootstrap）在文档中认可的。如果你改变布局，并且列宽不等于100%，那么整个过程将在不插入行的情况下中断。这一点很好。我已经使用基金会的均衡器太久了，以至于我忘记了浮动问题。我将编辑我的答案
<div class="row">
  <div class="small-12 medium-4 columns">some content</div>
  <div class="small-12 medium-4 columns">some content</div>
  <div class="small-12 medium-4 columns">some content</div>
</div>

<div class="row">
  <div class="medium-6 columns">some content</div>
  <div class="medium-6 columns">some content</div>
  <div class="medium-6 columns">some content</div>
  <div class="medium-6 columns">some content</div>
  <div class="medium-6 columns">some content</div>
  <div class="medium-6 columns">some content</div>
</div>