Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

Possible to add offset to the right of an element in a Zurb Foundation 4 grid?

According to Foundation's docs on the grid component, I can essentially make 1 or more grid columns a space using their offset classes:

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

That will make 1 column, then 2 columns of plain space and the 9 columns. Is it possible to make those offsets to the right of an element instead of the left? For example, something like this?

<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>
like image 833
at. Avatar asked Apr 07 '13 07:04

at.


1 Answers

Assuming I understand your request correctly, it sounds like you just need to use end instead of offset. For example,

<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>
like image 62
vtacreative Avatar answered Nov 09 '22 17:11

vtacreative