如何在Zurb Foundation选择小型和大型班级？

Question

我正在使用Zurb Foundation for Responsive Layout。 在这里他们使用如下例子

<div class="row">
  <div class="small-2 large-4 columns">...</div>
  <div class="small-4 large-4 columns">...</div>
  <div class="small-6 large-4 columns">...</div>
</div>

我不知道什么时候会使用small，什么时候会使用大类。请解释一下。

Answer 1

当浏览器窗口宽度低于768px，当它等于或超过768px small-类时，将使用以large-开头的类。还有Medium Grid但它被标记为实验性功能（因此默认情况下不包括在内）。