Zurb-Foundationでのグリッドのネスト化 - html、css、zurb-foundation

私は財団を使ってこれを達成しようとしていましたが、いろいろな方法で試してみましたが、うまく働けません。 目標：

これまでの私の最も近い試み：

 <div class="row">
<div class="small-6 columns">
<div class="row">
<div class="small-6 columns">
<div class="small-12 columns" id="block1">
<h4>Block 1</h4>
</div>
<div class="small-12 columns" id="block3">
<h4>Block 3</h4>
</div>
</div>
</div>


<div class="small-6 columns" id="block2">
<h4>Block 2</h4>
</div>
</div>

<div class="small-6 columns right" id="introBlock">
<h4>Intro<h4>
</div>
</div>

回答：

各ネストされた列は行divに含まれている必要があります。

<div class="row">
<div class="small-6 columns">
<div class="row">
<div class="small-6 columns">