title: Distribute elements in a container with Bootstrap3
body: <p>I'm rewriting my site to Bootstrap3 and stumbled upon an error that seems to hit many people as well. Basically I'm trying to distribute evenly 4 ~220px elements inside a 990px container. In old bootstrap, margins were added automatically. But right now there's no such thing anymore with their padding approach. Any tips how to tackle this ?</p>
  
  <p>Here's a sample code :</p>
  
  <pre><code>&lt;div class="container"&gt;
      &lt;div class="row"&gt;
      &lt;section class="col-md-12"&gt;
          &lt;article class="col-md-3"&gt;content&lt;/article&gt;
          &lt;article class="col-md-3"&gt;content2&lt;/article&gt;
          &lt;article class="col-md-3"&gt;content3&lt;/article&gt;
          &lt;article class="col-md-3"&gt;content4&lt;/article&gt;
      &lt;/section&gt;
      &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>And fiddle link :</p>
  
  <p><a href="http://jsfiddle.net/QJyCe/" rel="nofollow">http://jsfiddle.net/QJyCe/</a></p>