Question

如何删除Bootstrap 4的.card-columns容器中列和行之间的装订线？

Answer 1

.card-columns容器使用CSS columns并定义column-gap。

要移除列之间的装订线，您需要删除列间隙：

.no-gutter-card-deck.card-columns {
  column-gap: 0;
}

要移除行之间的装订线，您需要移除卡片周围的边距：

.no-gutter-card > .card {
  margin: 0;
}