Question

卡片列中的引导卡会阻塞作物，如何禁用它？

这是截图。 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

这是alpha 4中引入的一个已知问题：https://github.com/twbs/bootstrap/issues/20654

看起来它将修复为alpha 5。

解决方法是使用..

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

Answer 2

这对我有用

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

卡片作物引导4

2 个答案: