Simplified rendered html

Before, pages would be rendered like this:
<main>
  <div class="container">
    <div class="row">
      <div class="col-xs-12 id="content">
        <!-- content would go here, usually starting their own .row's
and .col-*'s, adding two more levels of depth before you actually get to
what's being displayed on the screen -->

Now, the pages are a bit simpler:
<main>
  <div class="container">
    <div class="row" id="content">
      <!-- content goes here, usually just adding a .col-* before the
actual content (h1, p, etc) appears -->

This should make the annoying div within a div within a div situation
quite a lot better.