基础4嵌套

时间:2013-05-19 18:06:16

标签: zurb-foundation

在Foundation 4中嵌套网格时,我是否必须使用具有属性行的类将嵌套元素包装在div中?

例如,这是我当前的代码:

<ul id="games" class="row">
    <li class="small-6 large-3 columns">
        <ul class="row">
            <li class="large-5 columns">Image</li>
            <li class="large-7 columns">
                <p>£35 Free</p>
                <dl>
                    <dt>Deposit:</dt>
                    <dd>£10</dd>

                    <dt>Balance:</dt>
                    <dd>£45</dd>
                </dl>
            </li>
        </ul>
    </li>
</ul>

在上面的例子中,第二个UL有类行,这个类需要吗?

我不禁想到我的例子中有很多嵌套。它感觉不舒服。

1 个答案:

答案 0 :(得分:0)

  

在上面的示例中,第二个UL具有类行,是否为此类   需要吗?

我会说它确实需要它只是因为以下原因。从内部容器元素中删除row类将使其将内容推送到更小的区域。添加row类会缩小边距,并允许您拥有更宽的内容区域。

那你为什么需要呢?除非你有充分的理由想要在容器元素周围加上那些额外的空格(边距),否则你需要添加row类。