css - Bootstrap 4 のカード列からガターを削除します

Question

.card-columnsBootstrap 4 のコンテナの列と行の間のガターをどのように削除しますか?

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