Skip to content

Instantly share code, notes, and snippets.

@gogogarrett
Created September 21, 2011 19:44
Show Gist options
  • Save gogogarrett/1233085 to your computer and use it in GitHub Desktop.
Save gogogarrett/1233085 to your computer and use it in GitHub Desktop.
<div class="container">
<div class="row">
<div class="col4">
<p>Column 1</p>
</div>
<div class="col4">
<p>Column 2</p>
</div>
<div class="col4 last">
<p>Column 3</p>
</div>
</div>
<div class="row">
<div class="col5 suffix5">
<p>Column 1 -- Suffix 5</p>
</div>
<div class="col2 last">
<p>Column 2</p>
</div>
</div>
<div class="row">
<div class="col6">
<p>Column 6</p>
<div class="col3 alpha">First nested div</div>
<div class="col3 omega">Second nested div</div>
</div>
<div class="col6 last">
<p>Column 6</p>
<div class="col3 alpha">First nested div</div>
<div class="col3 omega">Second nested div</div>
</div>
</div>
<div class="row">
<div class="col6 push6">
<p>This div is actually first in the markup</p>
</div>
<div class="col6 pull6">
<p>As where this div is second</p>
</div>
</div>
<footer class="row bottom">
<p>That's all folks.</p>
<p>If you have any more questions feel free to contact us at @GoGoGarrett or @VertJustin</p>
</footer>
</div><!-- end container -->
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment