title: bootstrap 3.0 responsive 5 images in one row
body: <p>I am having a problem with bootstrap 3.0 making 5 images in one Row and make those responsive ?
  The grid system is based of 12 , so how to make 5 images and they look centered without any spaces ?</p>
  
  <p>Also is there away I can make when viewed on tablets or smartphones &lt;480 px  to be 2 images per raw? right now it shows 5 images under each other??</p>
  
  <p>here is my code:</p>
  
  <pre><code>&lt;div class="row"&gt;
   &lt;div class="col-md-2"&gt;
   &lt;img class="img-responsive" src="/images/img1.jpg" /&gt;
   &lt;/div&gt;
     &lt;div class="col-md-2"&gt;
     &lt;img class="img-responsive" src="/images/img2.jpg" /&gt;
   &lt;/div&gt;
  
   &lt;div class="col-md-2"&gt;
   &lt;img class="img-responsive" src="/images/img3.jpg" /&gt;
   &lt;/div&gt;
     &lt;div class="col-md-2"&gt;
     &lt;img class="img-responsive" src="/images/img4.jpg" /&gt;
   &lt;/div&gt;
    &lt;div class="col-md-2"&gt;
     &lt;img class="img-responsive" src="/images/img4.jpg" /&gt;
   &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>As you can see I am using    col-md-2  Along with     img-responsive?  but its not working really because its not centered </p>