title: Bootstrap 3 adding gutters to the grid system
body: <p>I'm obviously missing something very obvious here but I want a 10px gutter between the bootstrap columns. Coming from ui-kit which has gutters by default, to turn them off you simple add the class uk-grid-collapse.</p>
  
  <p>What is the bootstrap equivalent for turning gutters on?</p>
  
  <p><a href="http://codepen.io/anon/pen/vKBjBa" rel="nofollow">http://codepen.io/anon/pen/vKBjBa</a></p>
  
  <pre><code>&lt;div class="row"&gt;
      &lt;div class="col-lg-4 col-md-4 col-sm-12 col1"&gt;
          &lt;div class="div-content"&gt;col 1&lt;/div&gt;
      &lt;/div&gt;
      &lt;div class="col-lg-4 col-md-4 col-sm-6 col2"&gt;
          &lt;div class="div-content"&gt;col 2&lt;/div&gt;
      &lt;/div&gt;
      &lt;div class="col-lg-4 col-md-4 col-sm-6 col3"&gt;
          &lt;div class="div-content"&gt;col 3&lt;/div&gt;
      &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>