This is an example of how to break out of the main content column. To do so, use the css classes “pull-1″ (to pull one column, such as the example below) and “pull-2″ (to pull all the way to the left side). If you’re using images, they should be 580 or 700 pixels wide (use style=”max-width:580px;” or style=”max-width:700px;” in the image tag) to line up with the grid columns. As long as the text before the image in your post is taller than the title on the left, then it looks snazzy like this:


You can also break out of the grid with text like so:

This is a blockquote pulled out by one column.

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

Doesn’t that look pretty?