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

If you are using LESS you can use snippet and apply it to the row.

.no-gutter {
   [class*="col-"] {
       padding-left: 0 !important;
       padding-right: 0 !important;
   }
}

If normal CSS

.no-gutter > [class*="col-"]{
}

Like so:

  

   //stuff here for this column
  
  

   //stuff here for columns