Bootstrap 4 columns and rows producing unwanted padding [duplicate]

Answer 1

Add the class no-gutters to each div class="row" to remove the spaces between the col-* elements

See the Bootstrap documentation about gutters.

    
a
    
b
    
c
    
d

Here a working jsfiddle that also removes the "visual padding" once the images doesn't fit 100% into the container.