首页 文章

麻烦与Zurb-Foundation嵌套网格

提问于
浏览
0

我一直试图用基金会来实现这个目标,尽管尝试了许多不同的方法,我却无法让它发挥作用 . 目标:

我迄今为止最接近的尝试:

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

1 回答

  • 1

    每个嵌套列必须包含在行div中,之后缺少行div

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

相关问题