卡片作物引导4

时间:2016-09-16 12:26:48

标签: twitter-bootstrap twitter-bootstrap-4 bootstrap-4

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

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

2 个答案:

答案 0 :(得分:1)

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

看起来它将修复为alpha 5。

解决方法是使用..

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

答案 1 :(得分:0)

这对我有用

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