title: Cant add space between cols, without row change
body: <p>I'm looking to add a space between my col's but still have the 3 boxes at 1 row at size 4. I've tried adding margin to<code>.col-style-3</code> witch ofcause did not work, but push them off position. Also i've tried to add padding, but since i'm using a border, the padding will just push away my border. I've also tried to add <code>col-sm-12</code> inside my <code>col-sm-4</code> witch can work, but the transaction works wired then, and i know it's not the right way to do it. Any suggestions on how to fix this issue, i'm not looking for more than 10-15px space between my boxes.</p>
  
  <p>Image of how it does look now: <a href="https://i.stack.imgur.com/9XpGE.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/9XpGE.png" alt="enter image description here"></a></p>
  
  <p>This is my html:</p>
  
  <pre><code>&lt;div class="row"&gt;
      @foreach (var Site in Model)
      {
          &lt;a target="_blank" href="@Site.Url"&gt;
              &lt;div class="col-sm-4 col-style-3"&gt;
                  &lt;img class="CasinoImage" src="~/Content/Img/@Site.ImageName" /&gt;
                  &lt;h2&gt;@Site.Name&lt;/h2&gt;
                  &lt;hr /&gt;
                  &lt;h3&gt;Denne side tilbyder:&lt;/h3&gt;
                  &lt;span class="OfferStyle"&gt;
                      @Site.Bonuses
                  &lt;/span&gt;
                  &lt;hr /&gt;
                  &lt;div class="ClickMeBox"&gt;Hent din bonus nu&lt;/div&gt;
                  @if (@Site.DepositRequired == true)
                  {
                      &lt;span class="DepositStyle"&gt;INDBETALING ER NØDVENDIGT&lt;/span&gt;
                  }
                  else
                  {
                      &lt;span class="DepositStyle"&gt;INGEN INDBETALING NØDVENDIGT!&lt;/span&gt;
                  }
              &lt;/div&gt;
          &lt;/a&gt;
      }
  &lt;/div&gt;
  </code></pre>
  
  <p>This is my styling:</p>
  
  <pre><code>    .col-style-3 {
      padding: 0px !important;
      background-color: #fff;
      border: solid 1px #e0e0e0;
      border-radius: 5px;
      text-align: center;
      color: #000;
      transition: 0.5s;
  }
      .col-style-3 &gt; a  {
          color: #FFFFFF;
          text-decoration: none;
      }
      .col-style-3:hover {
          border: solid 1px #bebebe;
          box-shadow: 0 5px 10px #adadad;
          transition: 0.3s;
      }
  </code></pre>