可以在Zurb Foundation 4网格中添加元素右侧的偏移量吗?

时间:2013-04-07 07:54:21

标签: offset zurb-foundation grid-layout

根据Foundation's docs on the grid component,我基本上可以使用它们的偏移类将一个或多个网格列作为空格:

<div class="row">
  <div class="large-1 columns">1st column</div>
  <div class="large-9 large-offset-2 columns">2 spaces to the left of this column</div>
</div>

这将产生1列,然后是2列普通空间和9列。是否可以将这些偏移量放在元素的右边而不是左边?例如,像这样的东西?

<div class="row">
  <div class="large-1 columns">1st column</div>
  <div class="large-9 large-offset-right-2 columns">2 spaces to the right</div>
</div>

1 个答案:

答案 0 :(得分:16)

假设我正确理解了您的请求,您只需要使用end代替offset。例如,

<div class="row">
    <div class="large-1 columns a">1st column</div>
    <div class="large-9 columns end">2 spaces to the left of this column</div>
</div>