title: Remove gutter gap from div in Bootstrap 2
body: <p>Please note I have inherited an project and <strong>MUST</strong> use Bootstrap 2.</p>
  
  <p>I have the following code that displays the site logo in the top-left of the page, for some reason this image is being "pushed" to the right due to the gutter when using the grid system - how do I remove this gap for this single row?</p>
  
  <pre><code>&lt;div class="row"&gt;
     &lt;div class="span12"&gt;
       &lt;img src="/img/logo.png"&gt;
    &lt;/div&gt;
  &lt;/div&gt;&lt;!-- end row --&gt;
  </code></pre>
  
  <p>Any advice would be appreciated and please note this is using Bootstrap 2 rather than the newer improved Bootstrap 3.</p>