How to remove margin from bootstrap columns?

Question

css

Hi all. When layout, I encountered such a problem - indents appear where they should not seem to be ... As far as I understand, the matter is in columns (but this is not accurate, because then both would have margins on both sides). Please help
Live example here

Answer 1

Set row to no-gutters class.

spoiler

Columns have horizontal padding to create the gutters between individual columns, however, you can remove the margin from rows and padding from columns with .no-gutters on the .row.

Answer 2

Why shouldn't it, if the columns have padding set there?