レスポンシブ レイアウトに 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>
いつ小クラスを使い、いつ大クラスを使うのかわかりません。それらについて説明してください。