基础4“结束”课程

Question

如何使用基础4来使用较少列的行，然后使用基础4。

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

Answer 1

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

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

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