zurb-foundation - 基础 4 嵌套

Question

在 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 有类行，这个类需要吗？

我不禁认为我的示例中有太多嵌套。感觉不舒服。

Answer 1

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

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

那你为什么需要它？除非您有充分的理由希望在容器元素周围有这些额外的空格（边距），否则您确实需要添加row该类。