Remove spacing between cols

Question

I want to remove the space between multiple columns in the Bootstrap grid.

How can we overwrite Bootstrap\'s CSS to achieve this task or any other better solution wi

Answer 1

In the Bootstrap 4 you can add class mx-* and px-*

    

        
Your content
    
    

        
Your content
    

The classes of mx-* and px-* is in default bootstrap style, so you don't have to add it manually

mx-* stand for margin-right: * plus margin-left: *. While px-* stands for padding right and left.

There is also my-* m-* mt-* mb-* mr-* ml-* and py-* p-* pt-* pb-* pr-* pl-*.