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>