从 Bootstrap 4 中的卡片列中移除装订线

Remove gutter from card columns in Bootstrap 4

如何去除 Bootstrap 4 的 .card-columns 容器中的列和行之间的间距?

.card-columns 容器使用 CSS columns and defines a column-gap

要移除列之间的间距,您需要移除列间隙:

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

要移除行之间的间距,您需要移除卡片周围的边距:

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

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