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

If you want to remove margin, overidding the Bootstrap class or div (container-fluid, html, body) is not the best thing to do. I think it's better to create a separate class and add it in elements. If you want to remove all margins :

.remove-all-margin{
margin:0 ! important;
}

If you want to remove all margins and paddings :

.remove-all-margin-padding{
margin:0 ! important;
padding:0 ! important;
}