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

offset zurb-foundation grid-layout
at. picture at. · Apr 7, 2013 · Viewed 7.1k times · Source

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>

Answer

vtacreative picture vtacreative · Apr 8, 2013

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>

Related questions

offsetting an html anchor to adjust for fixed header

I am trying to clean up the way my anchors work. I have a header that is fixed to the top of the page, so when you link to an anchor elsewhere in the page, the page jumps so the …

Read More
undefined offset PHP error

I am receiving the following error in PHP Notice undefined offset 1: in C:\wamp\www\includes\imdbgrabber.php line 36 Here is the PHP code that causes it: <?php # ... function get_match($regex, $content) { preg_match($regex,$content,$matches); return $…

Read More
Get position/offset of element relative to a parent container?

I'm used to working with jQuery. In my current project however I use zepto.js. Zepto doesn't provide a position() method like jQuery does. Zepto only comes with offset(). Any idea how I can retrieve the offset of a container …

Read More