zurb-foundation - 在Zurb Foundation中如何选择小班和大班？

Question

我正在使用 Zurb Foundation 进行响应式布局。在这个他们使用像下面的例子

<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>

我不知道什么时候用小班，什么时候用大班。请解释一下。

Answer 1

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