麻烦与Zurb-Foundation嵌套网格

Question

我一直在努力使用基金会来实现这一目标，尽管尝试了许多不同的方式，但我无法让它发挥作用。 目标：

到目前为止我最接近的尝试：

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

Answer 1

每个嵌套列必须包含在行div中，在

之后缺少行div

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