부트 스트랩 4의 카드 열에서 거터 제거

Question

부트 스트랩 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; 
} 

데모 : http://codeply.com/go/vLfsAlZFRn