JSFiddle - React, Tailwind, and code Playground

HTML

<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap.min.css">
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/js/bootstrap.min.js"></script>
<div class="row">
<div class="carousel slide" id="myCarousel">
 <div class="carousel-inner">

<div class="item active">
	<div class="col-xs-3" style="padding-left: 11px;" >
		<a href="#" title="texto1"> <img
			src="http://musiccaptains.com/zh/wp-content/uploads/2012/09/Account.png" class="center-block" 
            />
		</a>
		<p class="lead text-center" style="padding-top: 20px;">texto 1</p>
	</div>
</div>
<div class="item">
	<div class="col-xs-3" style="padding-left: 11px;" >
		<a href="#" title="texto1"> <img
			src="http://musiccaptains.com/zh/wp-content/uploads/2012/09/Account.png" class="center-block" 
            />
		</a>
		<p class="lead text-center" style="padding-top: 20px;">texto 2</p>
	</div>
</div>
<div class="item">
	<div class="col-xs-3" style="padding-left: 11px;" >
		<a href="#" title="texto1"> <img
			src="http://musiccaptains.com/zh/wp-content/uploads/2012/09/Account.png" class="center-block" 
            />
		</a>
		<p class="lead text-center" style="padding-top: 20px;">texto 3</p>
	</div>
</div>
<div class="item">
	<div class="col-xs-3" style="padding-left: 11px;" >
		<a href="#" title="texto1"> <img
			src="http://musiccaptains.com/zh/wp-content/uploads/2012/09/Account.png" class="center-block" 
            />
		</a>
		<p class="lead text-center" style="padding-top: 20px;">texto 4</p>
	</div>
</div>
<div class="item">
	<div class="col-xs-3" style="padding-left: 11px;" >
		<a href="#" title="texto1"> <img
			src="http://musiccaptains.com/zh/wp-content/uploads/2012/09/Account.png" class="center-block" 
            />
		</a>
		<p class="lead text-center" style="padding-top: 20px;">texto 5</p>
	</div>
</div>
<div class="item">
	<div class="col-xs-3" style="padding-left: 11px;" >
		<a href="#" title="texto1">...

JavaScript

$('#myCarousel').carousel({
    	  interval: 10000
    });
    $('.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));
    	  }
    	});