title: Divide a column into 2 parts in Bootstrap 3
body: <p>I'm using a div with class "col-lg-9", inside that div there are two columns with a class of "col-lg-6" for each one. it works good but the issue is that there is no margin between the columns.</p>
  
  <p>To see things visually, I've added a grey background to the main column. Notice how is no margin between the blue and the pink columns.</p>
  
  <p>Please see the issue in this pic:
  <img src="https://i.imgur.com/mtwHkkD.png" alt=""></p>
  
  <p>Live link:
  <a href="https://dl.dropboxusercontent.com/u/35853519/basmaty-website/index.html" rel="nofollow noreferrer">https://dl.dropboxusercontent.com/u/35853519/basmaty-website/index.html</a></p>
  
  <p>The code:</p>
  
  <pre><code>&lt;div class="main col-lg-9"&gt;
      &lt;div class="col-lg-6"&gt;
  
      &lt;/div&gt;
  
      &lt;div class="col-lg-6"&gt;
  
      &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>Thanks,</p>