如何理解基金会的“排”？

Question

我是基金会的新手，正在开展我的第一个项目。

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

目前我有以下设置：

关键是我使用“两个”，“八个”，“十个”等类来始终将每行添加到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

查尔斯回答的代码是正确的用法，我的描述就是使用“行”的原因。

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