title: Border of Boostrap cards
body: <p>Hi I want to use Bootstrap v4.0.0-beta Cards.  </p>
  
  <p>First the class "card-block" not works for me. Only if I use the class "card-body" it looks like the examples.</p>
  
  <p>How can I remove the double border between my cards? Every card has a border of 1px - between them there is a border of 2px, I want only 1px. Is there a simple possibility?</p>
  
  <p>This is my code:</p>
  
  <pre><code>    &lt;div class="row no-gutters"&gt;
          &lt;div class="card col-sm-6 col-lg-3"&gt;
              &lt;div class="card-img-top"&gt;&lt;img src="pic.jpg" /&gt;&lt;/div&gt;
              &lt;div class="card-body"&gt;
                  &lt;p class="card-text"&gt;my text&lt;/div&gt;
              &lt;div class="card-footer"&gt;my footer&lt;/div&gt;
          &lt;/div&gt;
          &lt;div class="card col-sm-6 col-lg-3"&gt;
              &lt;div class="card-img-top"&gt;&lt;img src="pic.jpg" /&gt;&lt;/div&gt;
              &lt;div class="card-body"&gt;
                  &lt;p class="card-text"&gt;my text&lt;/div&gt;
              &lt;div class="card-footer"&gt;my footer&lt;/div&gt;
          &lt;/div&gt;
          &lt;div class="card col-sm-6 col-lg-3"&gt;
              &lt;div class="card-img-top"&gt;&lt;img src="pic.jpg" /&gt;&lt;/div&gt;
              &lt;div class="card-body"&gt;
                  &lt;p class="card-text"&gt;my text&lt;/div&gt;
              &lt;div class="card-footer"&gt;my footer&lt;/div&gt;
          &lt;/div&gt;
          &lt;div class="card col-sm-6 col-lg-3"&gt;
              &lt;div class="card-img-top"&gt;&lt;img src="pic.jpg" /&gt;&lt;/div&gt;
              &lt;div class="card-body"&gt;
                  &lt;p class="card-text"&gt;my text&lt;/div&gt;
              &lt;div class="card-footer"&gt;my footer&lt;/div&gt;
          &lt;/div&gt;
      &lt;/div&gt;
  </code></pre>
  
  <p>Thank's for your help.</p>