title: Adding horizontal spacing between divs in Bootstrap 3
body: <p>I want to include a small horizontal space between the "Away Team" and "Baseball Field" divs, as presented in this fiddle: <a href="http://jsfiddle.net/VmejS/" rel="noreferrer">http://jsfiddle.net/VmejS/</a>. I have tried altering padding, margins, including decimal column offsets, all unsuccessfully. </p>
  
  <p>Here is the html:</p>
  
  <pre><code> &lt;body&gt;
      &lt;div class='container'&gt;
        &lt;div class='row'&gt;
          &lt;div class='col-md-12 panel' id='gameplay-title'&gt;Title&lt;/div&gt;
        &lt;/div&gt;
        &lt;div class='row'&gt;
          &lt;div class='col-md-6 col-md-offset-3 panel' id='gameplay-scoreboard'&gt;Scoreboard&lt;/div&gt;
        &lt;/div&gt;
        &lt;div class='row'&gt;
          &lt;div class='col-md-3 panel' id='gameplay-away-team'&gt;Away Team&lt;/div&gt;
          &lt;div class='col-md-6 panel' id='gameplay-baseball-field'&gt;Baseball Field&lt;/div&gt;
          &lt;div class='col-md-3 panel' id='gameplay-home-team'&gt;Home Team&lt;/div&gt;
        &lt;/div&gt;
        &lt;div class='row'&gt;
          &lt;div class='col-md-6 col-md-offset-3 panel' id='gameplay-at-bat'&gt;At Bat&lt;/div&gt;
        &lt;/div&gt;
        &lt;div class='row'&gt;
          &lt;div class='col-md-6 col-md-offset-3 panel' id='gameplay-game-report'&gt;Game Report&lt;/div&gt;
        &lt;/div&gt;
      &lt;/div&gt;
    &lt;/body&gt;
  </code></pre>