title: Borders between columns of Bootstrap Grid not working
body: <p>I'm creating a page in bootstrap where I'm using 4 cols inside a row. The code: </p>
  
  <pre class="lang-html prettyprint-override"><code>&lt;div class="row text-center"&gt;
      &lt;div class="col-md-3"&gt; &lt;/div&gt;
      &lt;div class="col-md-3"&gt; &lt;/div&gt;
      &lt;div class="col-md-3"&gt; &lt;/div&gt;
      &lt;div class="col-md-3"&gt; &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>I've added a class to each col so each could have a border. </p>
  
  <pre class="lang-css prettyprint-override"><code>.cliente {
      margin-top:10px;
      border: #cdcdcd medium solid;
      border-radius: 10px;
      -moz-border-radius: 10px;
      -webkit-border-radius: 10px;
  }
  </code></pre>
  
  <p>The problem is that the borders should be separated by the natural gutter of the bootstrap grid and that is not working. </p>
  
  <p>Could you help me please? Thanks. </p>