title: Modifying or configuring Bootstrap 3 carousel to scroll single thumbnails?
body: <p>Stuck while working with Bootstrap 3 carousel. I have about 15 single images (200x220) and I need to show them 4 images at a time (this, I've been able to do).</p>
  
  <p>The problem... when you click the next button, I only want the images to show one by one, rather then the next group of 4 images. Is there anyway to do this?</p>
  
  <pre><code>&lt;div id="carousel" class="carousel slide"&gt;
      &lt;div class="carousel-inner"&gt;
           &lt;div class="item active"&gt;
               &lt;img src="img-1.jpg"&gt;
               &lt;img src="img-2.jpg"&gt;
               &lt;img src="img-3.jpg"&gt;
               &lt;img src="img-4.jpg"&gt;
           &lt;/div&gt;
           &lt;div class="item"&gt;
               &lt;img src="img-1.jpg"&gt;
               &lt;img src="img-2.jpg"&gt;
               &lt;img src="img-3.jpg"&gt;
               &lt;img src="img-4.jpg"&gt;
           &lt;/div&gt; 
      &lt;/div&gt;
      &lt;a class="control-left"&gt;Prev&lt;/a&gt;
      &lt;a class="control-right"&gt;Next&lt;/a&gt;
  &lt;/div&gt;
  </code></pre>