Zurb foundation 祖鲁基金会3柱五 我正在测试基础3框架,想知道如何用五篇文章来设置一行。< /P>

Zurb foundation 祖鲁基金会3柱五 我正在测试基础3框架,想知道如何用五篇文章来设置一行。< /P>,zurb-foundation,Zurb Foundation,有人有办法解决这个问题吗?一种解决方案是使用两列并将最后一列标记为结尾 如果行的计数总和不超过12列,则可以 用class=“end”标记最后一列,以覆盖该列 行为 一种解决方案是使用两列并将最后一列标记为结束 如果行的计数总和不超过12列,则可以 用class=“end”标记最后一列,以覆盖该列 行为 这应该在地基5中进行(也可能是3)。诀窍是偏移第一列并结束最后一列 <nav> <div class="row"> <div class="

有人有办法解决这个问题吗?

一种解决方案是使用两列并将最后一列标记为结尾

如果行的计数总和不超过12列,则可以 用
class=“end”
标记最后一列,以覆盖该列 行为


一种解决方案是使用两列并将最后一列标记为结束

如果行的计数总和不超过12列,则可以 用
class=“end”
标记最后一列,以覆盖该列 行为


这应该在地基5中进行(也可能是3)。诀窍是偏移第一列并结束最后一列

<nav>
    <div class="row">
        <div class="column small-2 small-offset-1">
            <a>Link</a>
        </div>
        <div class="column small-2">
            <a>Link</a>
        </div>
        <div class="column small-2">
            <a>Link</a>
        </div>
        <div class="column small-2">
            <a>Link</a>
        </div>
        <div class="column small-2 end">
            <a>Link</a>
        </div>
    </div>
</nav>

链接
链接
链接
链接
链接

希望它能帮助别人,或者未来的我。

< P>这应该在基金会5(也可能是3)中起作用。诀窍是偏移第一列并结束最后一列

<nav>
    <div class="row">
        <div class="column small-2 small-offset-1">
            <a>Link</a>
        </div>
        <div class="column small-2">
            <a>Link</a>
        </div>
        <div class="column small-2">
            <a>Link</a>
        </div>
        <div class="column small-2">
            <a>Link</a>
        </div>
        <div class="column small-2 end">
            <a>Link</a>
        </div>
    </div>
</nav>

链接
链接
链接
链接
链接

希望它能帮助某些人,或是未来的我。

但它们不能填补空白。需要五个大小完全相同的块,并使用可用的内容。但它们无法填充宽度。需要五个大小完全相同的块并使用可用内容。
<nav>
    <div class="row">
        <div class="column small-2 small-offset-1">
            <a>Link</a>
        </div>
        <div class="column small-2">
            <a>Link</a>
        </div>
        <div class="column small-2">
            <a>Link</a>
        </div>
        <div class="column small-2">
            <a>Link</a>
        </div>
        <div class="column small-2 end">
            <a>Link</a>
        </div>
    </div>
</nav>