卡片莊稼bootstrap 4

Question

card-columns內的自舉卡片封鎖莊稼，如何禁用它？

這裏是截圖。 http://piccy.info/view3/10286069/ca22a528ba433ab5b05119bb1d4e1fea/

<div class="card-columns"> 
    <div class="card"> 
    <div class="card-header">taras.shpachenko@yandex.ru</div> 
    <div class="card-block"> 
     <p class="card-text">werewrwekek</p> 
    </div> 
    <div class="card-footer"></div> 
    </div> 
    <div class="card"> 
    <div class="card-header">taras.shpachenko@yandex.ru</div> 
    <div class="card-block"> 
     <p class="card-text">werewrwekek</p> 
    </div> 
    <div class="card-footer"></div> 
    </div> 
    <div class="card"> 
    <div class="card-header">taras.shpachenko@yandex.ru</div> 
    <div class="card-block"> 
     <p class="card-text">werewrwekek</p> 
    </div> 
    <div class="card-footer"></div> 
    </div> 
</div> 

Answer 1

這是阿爾法4中引入一個已知的問題：https://github.com/twbs/bootstrap/issues/20654

看起來將是固定的用於α-5.

的解決方法是使用..

.card-columns .card { 
    display: inline-block; 
    width:100%; 
}