title: Reduce the gutter (default 30px) on smaller devices in Bootstrap3?
body: <p>In bootstrap 3 the gutter is defined as 30px (15px on each side of a column). The issue I'm running is that, for example if I shrink my screen down to be tiny, the gutters end up being wider than the columns themselves, as seen below (darker blue = column, lighter blue = gutter).</p>
  
  <p><img src="https://i.stack.imgur.com/iYw6S.png" alt="enter image description here"></p>
  
  <p>Can you modify the gutter width of certain resolution states? (mobile, tablet, etc)</p>