Menu icon Foundation
Breaking out of the grid

 

I know this is likely not a standard feature but I am trying to think of a way to make a div break outside of the outer edge of a grid, take the image below for example:

 

The green rulers represents the foundation columns, each grey square represents a div inside a twelve column grid layout. The exception is the bottom left div breaks out of the left margin and goes out to the edge of the screen. Is there any work around to achieve something like this? I don't want to do a row collapse as I do want to keep the gutters.

grid

 

I know this is likely not a standard feature but I am trying to think of a way to make a div break outside of the outer edge of a grid, take the image below for example:

 

The green rulers represents the foundation columns, each grey square represents a div inside a twelve column grid layout. The exception is the bottom left div breaks out of the left margin and goes out to the edge of the screen. Is there any work around to achieve something like this? I don't want to do a row collapse as I do want to keep the gutters.

Rafi Benkual over 2 years ago

You can do this with the grid utility classes like offset. You can find the docs here: http://foundation.zurb.com/sites/docs/grid.html#offsets

And a lesson on them here: http://zurb.com/university/lessons/get-more-control-with-foundation-s-grid-utiltiy-classes

Ethan Hunt over 1 year ago

I like to share this online tutorial with you.so that open windows 10 computer you are able to learn about My computer of Windows 10 Operating system.

sadsadasd safasfafsaf over 1 year ago

>>>>>>>>>>>>>[url=http://vrsbo.net/][color=#5aabc6]แทงบอลออนไลน์[/color][/url]<<<<<<<<<<<<

 

Javier Lee 10 months ago

You can take the help of various online videos or applications that are available on google playstore app and there you can find a suitable application for your design that you want.