title: Remove margin from thumbnails using Bootstrap grid
body: <p>How do I remove the margin between the thumbnails in Bootstrap grid?
  I want the thumbnails to be side by side without the margin...</p>
  
  <p>This is the code used to display the thumbnails.
  <a href="http://www.bootply.com/rrlpsBWCrx" rel="nofollow">http://www.bootply.com/rrlpsBWCrx</a></p>
  
  <p><a href="http://i.stack.imgur.com/ESPSi.jpg" rel="nofollow">Image of how it is right NOW</a></p>
  
  <pre><code>&lt;div class="col-md-1" style="margin-right:0px; margin-left:0px; display:inline-block;"&gt;
    &lt;a href="#" class="thumbnail goodPick" style="display: inline-block; margin: 0px 0px 0px 0px;"&gt;
      &lt;img src="http://cdn.dota2.com/apps/dota2/images/heroes/earthshaker_vert.jpg" class="img-responsive" alt="Earthshaker"&gt;
    &lt;/a&gt;  
  &lt;/div&gt;
  &lt;div class="col-md-1" style="margin-right:0px; margin-left:0px; display:inline-block;"&gt;
    &lt;a href="#" class="thumbnail goodPick" style="display: inline-block; margin: 0px 0px 0px 0px;"&gt;
      &lt;img src="http://cdn.dota2.com/apps/dota2/images/heroes/earthshaker_vert.jpg" class="img-responsive" alt="Earthshaker"&gt;
    &lt;/a&gt;  
  &lt;/div&gt;
  &lt;div class="col-md-1" style="margin-right:0px; margin-left:0px; display:inline-block;"&gt;
    &lt;a href="#" class="thumbnail goodPick" style="display: inline-block; margin: 0px 0px 0px 0px;"&gt;
      &lt;img src="http://cdn.dota2.com/apps/dota2/images/heroes/earthshaker_vert.jpg" class="img-responsive" alt="Earthshaker"&gt;
    &lt;/a&gt;  
  &lt;/div&gt;
  &lt;div class="col-md-1" style="margin-right:0px; margin-left:0px; display:inline-block;"&gt;
    &lt;a href="#" class="thumbnail goodPick" style="display: inline-block; margin: 0px 0px 0px 0px;"&gt;
      &lt;img src="http://cdn.dota2.com/apps/dota2/images/heroes/earthshaker_vert.jpg" class="img-responsive" alt="Earthshaker"&gt;
    &lt;/a&gt;  
  &lt;/div&gt;
  &lt;div class="col-md-1" style="margin-right:0px; margin-left:0px; display:inline-block;"&gt;
    &lt;a href="#" class="thumbnail goodPick" style="display: inline-block; margin: 0px 0px 0px 0px;"&gt;
      &lt;img src="http://cdn.dota2.com/apps/dota2/images/heroes/earthshaker_vert.jpg" class="img-responsive" alt="Earthshaker"&gt;
    &lt;/a&gt;  
  &lt;/div&gt;
  </code></pre>