title: Bootstrap 3: Missing gutters
body: <p>Just started playing around with bootstrap 3 and I can't get gutters between columns to work.</p>
  
  <p>I created the most basic code to test with:</p>
  
  <pre><code>&lt;!DOCTYPE html&gt;
  &lt;html lang="en"&gt;
  &lt;head&gt;
      &lt;title&gt;Test&lt;/title&gt;
      &lt;script src="http://code.jquery.com/jquery.js"&gt;&lt;/script&gt;
      &lt;script src="//netdna.bootstrapcdn.com/bootstrap/3.0.0-rc1/js/bootstrap.min.js"&gt;                                                                                                                                  &lt;/script&gt;
      &lt;link href="//netdna.bootstrapcdn.com/bootstrap/3.0.0-rc1/css/bootstrap.min.css" rel="stylesheet" media="screen" /&gt;
      &lt;style&gt;
          .box1 {
              background-color: green;
          }
          .box2 {
              background-color: blue;
          }
      &lt;/style&gt;
  &lt;/head&gt;
  &lt;div class="container"&gt;
      &lt;div class="row"&gt;
          &lt;div class="col-lg-4 box1"&gt;
              &lt;h1&gt;Test&lt;/h1&gt;
          &lt;/div&gt;
          &lt;div class="col-lg-8 box2"&gt;
              &lt;h1&gt;Test2&lt;/h1&gt;
          &lt;/div&gt;
      &lt;/div&gt;
  &lt;/div&gt;
  &lt;/html&gt;
  </code></pre>
  
  <p>And the result is just one big green/blue box without any gutter in between the two columns.
  I have also tried it on a fiddle with no luck <a href="http://jsfiddle.net/Tgkkb/">http://jsfiddle.net/Tgkkb/</a>
  What am I missing?</p>