title: How to remove the gutter (spacing) between columns in Bootstrap?
body: <p>How can I remove the 30px gutter between columns? But without setting <code>margin-left:-30px</code>?</p>
  
  <pre><code>&lt;div class='container'&gt;
    &lt;div class='row'&gt;
  
      &lt;div class='col-lg-1'&gt;&lt;/div&gt;
      &lt;div class='col-lg-1'&gt;&lt;/div&gt;
      &lt;div class='col-lg-1'&gt;&lt;/div&gt;
  
    &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>