Grid 12 Column experiments

<div class="container">

  <h1>Skeleton Grid</h1>

  <div class="example-grid docs-example">

        <div class="row">

          <div class="four columns">Four columns</div>

          <div class="four columns">Four columns</div>

          <div class="four columns">Four columns</div>

        </div>

        <div class="row">

          <div class="eight columns">Eight columns</div>

          <div class="four columns">Four columns</div>

        </div>

        <div class="row">

          <div class="three columns">Three columns</div>

          <div class="three columns">Three columns</div>

          <div class="three columns">Three columns</div>

          <div class="three columns">Three columns</div>

        </div>

        <div class="row">

          <div class="six columns">Six columns</div>

          <div class="six columns">Six columns</div>

        </div>

​

</div>

​

<div class="wrapper skeleton">

  <h1 class="header">CSS Grid Layout Version</h1>

  <div class="box1">Four columns</div>

  <div class="box2">Four columns</div>

  <div class="box3">Four columns</div>

  <div class="box4">Eight columns</div>

  <div class="box5">Four columns</div>

  <div class="box6">Three columns</div>

  <div class="box7">Three columns</div>

  <div class="box8">Three columns</div>

  <div class="box9">Three columns</div>

  <div class="box10">Six columns</div>

  <div class="box11">Six columns</div>

</div>

​

<div class="wrapper skeleton">

  <h1 class="header">... and we can do this</h1>

  <div class="box1b">Four columns

  <br /> Two rows</div>

  <div class="box2b">Four columns

    <br /> Three rows</div>

  <div class="box3">Four columns</div>

  <div class="box5">Four columns</div>

  <div class="box6">Three columns</div>

  <div class="box7b">One</div>

  <div class="box8b">One</div>

  <div class="box9">Three columns</div>

  <div class="box10">Six columns</div>

  <div class="box11">Six columns</div>

</div>