Css 引导4增加卡列计数
是否可以增加bootstrap-4卡列数? 这仅显示向左推的3列,而向右推的其余3列为空。我将此sass放在bootstrap-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
.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解决方案。希望这有帮助
工作就像一个符咒:)