Menu icon Foundation
Offset one column

I often find myself creating an empty "large-1 column" and "large-11 column" with text, to create an indent. Is there another method todo this? (offset)

offset

I often find myself creating an empty "large-1 column" and "large-11 column" with text, to create an indent. Is there another method todo this? (offset)


Wing-Hou Chan gave the most helpful answer for this post
Wing-Hou Chan over 5 years ago

Howdy!

You can use large-offset-#, where # is the number of columns you want to offset, up to 11 as you can't offset a 12 column.

In your situation you can do this:

<div class="large-11 large-offset-1 column">
  ...
</div>

Check out http://foundation.zurb.com/docs/components/grid.html for more details about the Grid.

This post has been closed. No new replies can be added.

Wing-Hou Chan over 5 years ago

Howdy!

You can use large-offset-#, where # is the number of columns you want to offset, up to 11 as you can't offset a 12 column.

In your situation you can do this:

<div class="large-11 large-offset-1 column">
  ...
</div>

Check out http://foundation.zurb.com/docs/components/grid.html for more details about the Grid.