使用Zurb-Foundation嵌套网格时遇到问题

Question

我一直在尝试使用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>

Answer 1

每个嵌套列必须包含在行div中，您在以下位置缺少行div

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