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.
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?