Bootstrap4에서 Grid Col에 여백(Padding)없애기
기본값으로 아래와 같이 사용하면 padding이 생겨서 그림등을 서로 이어붙이기할때 간격이 생긴다.
<div class='row'>
<div class='col-12 col-sm-4'>사진</div>
<div class='col-12 col-sm-4'>사진</div>
<div class='col-12 col-sm-4'>사진</div>
</div>
이때 간단하게 여백을 없애려면 no-gutters를 붙인다.
<div class='row no-gutters'>
<div class='col-12 col-sm-4'>사진</div>
<div class='col-12 col-sm-4'>사진</div>
<div class='col-12 col-sm-4'>사진</div>
</div>