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

I would add a class to the row and target the column children with a descendant wildcard selector:

HTML:

    

        //stuff here for this column
    
    

        //stuff here for columns
    

CSS:

.nopadding > div[class^="col-"] {
    padding-right: 0;
    padding-left: 0;
}