这样做不对吗？
<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较少。
这两种方法都是正确的。添加.row非常有用，因为它可以使事情保持平衡并清除以前的浮点值。以这个小断点为例，它将div切换到50%（假设为12列网格）：
<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>
<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>
在上面的例子中，当它变小时，网格将是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>
这种结构的一些作用是：
- 宽度四舍五入-浏览器渲染宽度%不同。。所以大多数框架都具有
float :opposite方向属性行中的column:last-child，以便所有行中的最后一列排成一行 - 行用于清除布局中的浮动。。例如：链接
在上面的链接中由于列的高度不相等，对齐被打乱了。
<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>
使用这种结构没有错。
有些布局中，你不能像另一个答案中给出的那样，每12列就有一个新行。
如果你遇到了我上面发布的问题中的对齐问题（这将是两种结构之间唯一的主要区别）。使用自定义类清除它们。