Displaying items by tag: bootstrap

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?

Tagged under