Bootstrap 4增加卡列数

Question

是否可以增加bootstrap-4卡列数？ https://plnkr.co/edit/oIapj1imlMQ1M4vo1O5R?p=preview

这只显示向左推送的3列，其中3列为空。我在bootstrap-4默认样式之后放了这个sass：

.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也是如此。如果你知道怎么做，你会发一个例子来证明它是可能的吗？

Answer 1

此引导程序解决方案错误。它还不是防弹解决方案。您可以阅读here。

  

如果增加默认column-count: value;，为什么不起作用？

因为.card class包含display: ***;和width: ***;属性。您应该为此CSS问题编写自定义column-count:。您需要阅读此article。例子是here。

  

我的个人建议是避免来自生产网站的这个css解决方案。希望这有帮助。