Twitter Bootstrap - multiple image (thumbnail) carousel - move thumbnails one at a time

Question

I am trying out Twitter bootstrap 3. I am quite new to HTML, CSS and Javascript. I have a carousel which i created and it\'s code looks like so:

Answer 1

Take a look at this Bootply: http://bootply.com/94452

You can use jQuery to clone() the items accordingly..

$('.carousel .item').each(function(){
  var next = $(this).next();
  if (!next.length) {
    next = $(this).siblings(':first');
  }
  next.children(':first-child').clone().appendTo($(this));

  for (var i=0;i<2;i++) {
    next=next.next();
    if (!next.length) {
        next = $(this).siblings(':first');
    }

    next.children(':first-child').clone().appendTo($(this));
  }
});

Alternative option: Bootstrap carousel multiple frames at once