zurb-foundation - メディア クエリに基づく Zurb Foundation 4 large-3 から large-4

Question

プロジェクトで次の状況があります

<div class="row">
    <div class="large-3"></div>
    <div class="large-3"></div>
    <div class="large-3"></div>
    <div class="large-3"></div>
</div>

メディア クエリを使用して、特定の幅の div (ラージ 3) を非表示にし、他の 3 つをラージ 4 にするように変更したいのですが、どうすればこれを達成できますか?

ありがとう