title: Add gap between two Divs
body: <p>I have a screen split in two, using two columns.</p>
  
  <pre><code>&lt;div class="row"&gt;
          &lt;div class="col-md-6 well"&gt;
              Left Box
          &lt;/div&gt;
          &lt;div class="col-md-6 well"&gt;
              Right
          &lt;/div&gt;
      &lt;/div&gt;
  </code></pre>
  
  <p>I need a small (approx 10px) gap between the two columns.</p>
  
  <p><a href="http://www.bootply.com/vaOb1WdR5I" rel="nofollow noreferrer">http://www.bootply.com/vaOb1WdR5I</a></p>
  
  <p>Can this be done?</p>
  
  <p>Both boxes would need to reduce by 5 pix (in the above example), as I need the total width to remain.</p>
  
  <p>Edit: Some ideas nearly work, but I am getting an extra Well that I don't want. With this:</p>
  
  <pre><code>&lt;div class="row"&gt;
          &lt;div class="col-md-6"&gt;
  
                  @Html.Action("ShowDuePayments", "Transaction")
  
          &lt;/div&gt;
          &lt;div class="col-md-6"&gt;
  
                  @Html.Action("ShowRecentTransactions", "Transaction")
  
          &lt;/div&gt;
      &lt;/div&gt;
  </code></pre>
  
  <p>I get this:</p>
  
  <p><img src="https://i.stack.imgur.com/8Kaer.jpg" alt="enter image description here"></p>
  
  <p>The 'under' well div shouldn't be visible.</p>