title: How to add spacing between columns?
body: <p>I have two columns:</p>
  <pre><code>&lt;div class=&quot;col-md-6&quot;&gt;&lt;/div&gt;
  &lt;div class=&quot;col-md-6&quot;&gt;&lt;/div&gt;
  </code></pre>
  <p>How can I add a space between them?</p>
  <p>The output would simply be two columns right next to each other taking up the whole width of the page. Say the width was set to <code>1000px</code> then each div would be <code>500px</code> wide.</p>
  <p>If I wanted a <code>100px</code> space between the two how could I achieve this automatically with Bootstrap: the <code>div</code>s sizes would become <code>450px</code> each to compensate for the spacing.</p>