title: card padding issue in vue bootstrap
body: <p>I've been trying to create a card component using vue bootstrap and while doing so I encountered a weird problem is that the card header and body have a huge padding around them. If I remove b-card and just leave it with b-card-header and b-card-body then it looks like normal bootstrap card but now there's no margin around the header and body. what to do if I want the header and body to have no padding around them?</p>
  <pre class="lang-html prettyprint-override"><code>&lt;b-card&gt;
    &lt;b-card-header v-b-modal.modalBox class=&quot;border-1&quot;&gt;
      &lt;div&gt;
        &lt;span&gt;Header&lt;/span&gt;
      &lt;/div&gt;
    &lt;/b-card-header&gt;
    &lt;b-card-body&gt;
      &lt;div&gt;
        Body text lorem ipsum
      &lt;/div&gt;
    &lt;/b-card-body&gt;
  &lt;/b-card&gt;
  </code></pre>