Created by: jfullerton
Added "offset-left" class to grid. This uses a negative left margin to shift grid-sized elements a number of grid-units to the left.
Works with both static and fluid grids and also when nested. When used alongside "offset" it allows for visually reordering grid-sized elements in desktop layouts.
This is useful in responsive layouts where you might want a certain content order for desktop widths and another for smaller device widths when grid-sized elements get reset to block level.
Example:
<div class="row">
<div class="span8 offset4">Content</div>
<div class="span4 offset-left12">Subnav</div>
</div>On the desktop this will display in reversed order with the narrower Subnav column appearing on the left and the wider Content column appearing on the right. Then at a smaller device width, they both get set back to block level with the Content block appearing above the Subnav one.