zurb-foundation - 如何理解Foundation中的“行”？

Question

我对 Foundation 很陌生，正在做我的第一个项目。

我不确定我是否做得很好是我如何使用行类。

目前我有以下设置：

关键是我正在使用“二”、“八”、“十”等类来始终将每一行添加到 12，这是关于我如何使用网格系统的正确想法吗？

任何帮助将不胜感激。

谢谢。

Answer 1

使用它的正确方法是：

<div class="row">
   <div class="large-2 columns">
     This text spans 2 columns.
   </div>
   <div class="large-8 columns">
     This text spans 8 columns.
   </div>
   <div class="large-2 columns">
     This text spans 2 columns.
   </div>
</div>

Answer 2

查尔斯回答的代码是正确使用，我的描述在这里是因为使用“行”的原因。

具有“行”类的元素将创建一个水平块以包含一个或多个垂直列。然后在该行中添加具有“列”或“列”类的 div。使用 small-#、medium-# 和 large-# 类指定每列的宽度。需要使用“行”来包含所有具有与其关联的大小类的元素。