The default Bootstrap grid system utilizes 12 columns with each span having 30px gutter as below. Gutters are the white space between columns. Gutter width seems to be between 20px - 30px. Let's assume it's 30px here.

rJS6T a66f9

For example  - you want to remove gutter space for a specific div only. Let's assume that it's for div which are in the main_content div.

div#main_content div{
 no gutter for the divs in main_content

How you can remove the gutter for a specific div without loosing bootstrap responsiveness and not leaving space at the end of the row?