css - 从 Bootstrap 4 中的卡片列中删除装订线

Question

你如何删除 Bootstrap 4.card-columns容器中的列和行之间的排水沟？

Answer 1

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

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

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

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

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

演示：http ://codeply.com/go/vLfsAlZFRn