Hey there, I'm looking to work with Bootstrap v4.0.0-beta Cards.
I've noticed that the "card-block" class isn't working for me. Only when I use the "card-body" class does it resemble the examples.
Is there a way to get rid of the double border between my cards? Each card has a 1px border, but between them there is a 2px border. I'd like it to be just 1px. Is there an easy solution for this?
Here's the code snippet:
<div class="row no-gutters">
<div class="card col-sm-6 col-lg-3">
<div class="card-img-top"><img src="pic.jpg" /></div>
<div class="card-body">
<p class="card-text">my text</div>
<div class="card-footer">my footer</div>
</div>
<div class="card col-sm-6 col-lg-3">
<div class="card-img-top"><img src="pic.jpg" /></div>
<div class="card-body">
<p class="card-text">my text</div>
<div class="card-footer">my footer</div>
</div>
<div class="card col-sm-6 col-lg-3">
<div class="card-img-top"><img src="pic.jpg" /></div>
<div class="card-body">
<p class="card-text">my text</div>
<div class="card-footer">my footer</div>
</div>
<div class="card col-sm-6 col-lg-3">
<div class="card-img-top"><img src="pic.jpg" /></div>
<div class="card-body">
<p class="card-text">my text</div>
<div class="card-footer">my footer</div>
</div>
</div>
Thanks for any help you can provide!