bootstrap container-fluid - remove margins the right way (overflow)

Question

How can I remove all margins from boostrap container-fluid class and its rows?

.container-fluid { padding: 0;}

This does basically

Answer 1

it is always a better way to add a custom class to the elements that you want to get rid of the margins rather than overriding all bootstrap elements.

row.no-margin{ margin:0 ! important; }