Repository navigation
v4 - Make .card class display: block #18170
Description
Cards using an anchor element are rendering as inline as the display property is inherited, eg.
<a class="card card-block" href="#">
<h4 class="card-text">The parent is inline</h4>
<p class="card-text">This is some text</p>
</a>
Adding display: block; to .card class would fix this.
Activity
[-]Make .card class display: block[/-][+]v4 - Make .card class display: block[/+]fixes #18170, make cards block level by default so anchors can be use…
mdo commentedon Nov 15, 2015
Fixed in #18255.
make cards block level
saeideh-mardan commentedon Jan 29, 2018
I have my card with position absolute so this thing does not work at all for mw :( what are other ways?
Skwai commentedon Feb 5, 2018
position: absolutewill override block positioning. You should give it an explicit width and height (or left/right/top/bottom). If you want to preserve its layout then useposition: relative