Css 引导4增加卡列计数

Css 引导4增加卡列计数,css,sass,bootstrap-4,Css,Sass,Bootstrap 4,是否可以增加bootstrap-4卡列数? 这仅显示向左推的3列,而向右推的其余3列为空。我将此sass放在bootstrap-4默认样式之后: .card-columns { // sm @media (min-width: 576px) { column-count: 3; } // md @media (min-width: 768px) { column-count: 4; } // lg @media (min-width: 992px

是否可以增加bootstrap-4卡列数?

这仅显示向左推的3列,而向右推的其余3列为空。我将此sass放在bootstrap-4默认样式之后:

.card-columns {
  // sm
  @media (min-width: 576px) {
    column-count: 3;
  }
  // md
  @media (min-width: 768px) {
    column-count: 4;
  }
  // lg
  @media (min-width: 992px) {
    column-count: 5;
  }
  // xl
  @media (min-width: 1200px) {
    column-count: 6;
  }
}

我看到的所有示例都不能成功地增加列数,即使使用sass也是如此。如果你知道怎么做,你会发布一个plunker的例子来证明这是可能的吗

此引导解决方案有缺陷。它还不是防弹的解决方案。你可以阅读

如果增加默认的
列计数:值,为什么不工作

因为
.card
包含
显示:**
宽度:**属性。您应该为此
列计数:
问题编写自定义
CSS
。你需要看看这个。例如

我个人的建议是避免从生产站点使用这个css解决方案。希望这有帮助


工作就像一个符咒:)