title: Create a user-defined gap between two Bootstrap columns
body: <p>I want to create little panels/dashboard for my interface. In my case I want to have two panels like so</p>
  
  <pre><code>+-------------------------------+    +-------------------------------+
  |                               |    |                               |
  |                               |    |                               |
  +-------------------------------+    +-------------------------------+
  </code></pre>
  
  <p>Generally it is easy with Bootstrap 3.</p>
  
  <pre><code>&lt;div class="row"&gt;
    &lt;div class="col-md-5"&gt;
    &lt;/div&gt;
    &lt;div class="col-md-5 pull-right"&gt;
    &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>The problem is, the gap of col-md-2, as it is the case here, is way too big. I cannot use a col-md-1 gap, because then both sides do not have an equal size.</p>
  
  <p>I also tried to add padding right and left, but that had not effect, too. What can I do here?</p>