title: Bootstrap add margin to column
body: <p>This is probably very simple, but my mind is getting tangled with trying to work this out. Spent an hour or so searching this up and it still isn't working.</p>
  
  <p>My HTML code...</p>
  
  <pre><code>&lt;div class="section-container light-bg"&gt;
  &lt;div class="container"&gt;
      &lt;div class="row"&gt;
          &lt;div class="col-md-12"&gt;
              &lt;h2 style="text-align:center;"&gt;Main Title Right Here&lt;/h2&gt;
              &lt;h4 style="text-align:center;"&gt;Slogan text underneath&lt;/h4&gt;
          &lt;/div&gt;
          &lt;div class="col-md-3 light-panel"&gt;
              &lt;h3&gt;TITLE&lt;/h3&gt;
              &lt;p&gt;TEXT&lt;/p&gt;
          &lt;/div&gt;
          &lt;div class="col-md-3 light-panel"&gt;
              &lt;h3&gt;TITLE&lt;/h3&gt;
              &lt;p&gt;TEXT&lt;/p&gt;
          &lt;/div&gt;
          &lt;div class="col-md-3 light-panel"&gt;
              &lt;h3&gt;TITLE&lt;/h3&gt;
              &lt;p&gt;TEXT&lt;/p&gt;
          &lt;/div&gt;
          &lt;div class="col-md-3 light-panel"&gt;
              &lt;h3&gt;TITLE&lt;/h3&gt;
              &lt;p&gt;TEXT&lt;/p&gt;
          &lt;/div&gt;
      &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p></p>
  
  <p>CSS</p>
  
  <pre><code>.section-container.light-bg {
      background-color: #F5F5F5;
      color: #444444;
  }
  
  .section-container .light-panel {
      background-color: #ffffff;
      border-radius:10px;
  }
  </code></pre>
  
  <p>This is currently creating a row with 4 columns that are styled slightly.</p>
  
  <p>Any help or explanation of how to correctly do this using Bootstrap 3 would be greatly appreciated :)</p>