title: Add spaces between panels in Bootstrap 3
body: <p>I'm using Bootstrap 3.0 and can't seem to figure out how to add padding / space between panels.</p>
  
  <pre><code>&lt;div class="row"&gt;
    &lt;div class="col-xs-4 panel"&gt;
      &lt;div class="panel-body"&gt;
        &lt;h4&gt;First Cell&lt;/h4&gt;
      &lt;/div&gt;
    &lt;/div&gt;
    &lt;div class="col-xs-4 panel"&gt;
      &lt;div class="panel-body"&gt;
        &lt;h4&gt;Second Cell&lt;/h4&gt;
      &lt;/div&gt;
    &lt;/div&gt;
    &lt;div class="col-xs-4 panel"&gt;
      &lt;div class="panel-body"&gt;
        &lt;h4&gt;Third Cell&lt;/h4&gt;
      &lt;/div&gt;
    &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>I have tried adding a class and setting the width to 30% but it only works if you have two panels and pull the one right. If I add a margin then it throws the responsiveness off and the last cell drops to the next line.</p>
  
  <p>How can I responsively add a gap between the panels?</p>