zurb-foundation - 基础4“结束”类

Question

使用Foundation 4，我如何才能拥有少于12列的行。

在 Foundation 3 上，您可以使用“.end”类，但我不知道如何在 Foundation 4 上模拟它。

Answer 1

该类end在 F4 中仍然可用，它使最后一列能够向左浮动。所以如果你有这样的事情：

<div class="row">
    <div class="large-1 columns panel">1st column</div>
    <div class="large-9 columns panel">column float at right</div>
</div>

它的第二列浮动在右侧，因此列之间有“两个空格”。然后你将end类添加到最后一列，这样你就有了

<div class="large-9 columns panel end">column float at right</div>

然后你会看到第二列将被拉到第一列旁边。