<link href="//netdna.bootstrapcdn.com/bootstrap/3.0.0/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css" />

<script src="//netdna.bootstrapcdn.com/bootstrap/3.0.0/js/bootstrap.min.js"></script>




<div class="container">
<div class="row">
<div class="col-md-12">
<div id="Carousel" class="carousel slide">
     
               
<!-- Carousel items -->
<div class="carousel-inner">
<div class="item active">
<div class="row">


<div class="col-md-3">
<a href="#" class="thumbnail">
  <img alt=" Jigen Daisuke" height="100" src="https://i.imgur.com/SvXAWHf.png" width="200" />
</a></div>


<div class="col-md-3">
<a href="#" class="thumbnail">
  <img alt="Tenki no Ko" height="100" src="https://i.imgur.com/KJXPjZD.png" width="200" />
</a></div>
                   

<div class="col-md-3">
<a href="#" class="thumbnail">
  <img alt="Yahari " height="100" src="https://i.imgur.com/jCqFYr9.png" width="200" />
</a></div>
                   

<div class="col-md-3">
<a href="#" class="thumbnail">
  <img alt="One Piece" height="100" src="https://i.imgur.com/SDDjnxj.png" width="200" />
</a></div>

</div>
</div>
               
<div class="item">
<div class="row">
<div class="col-md-3">
<a href="#" class="thumbnail">
  <img alt="Detective Conan " height="100" src="https://i.imgur.com/pYT341Sh.jpg" width="200" />
</a></div>


<div class="col-md-3">
<a href="#" class="thumbnail">
  <img alt="!Appare-Ranman" height="100" src="https://i.imgur.com/iRppUct.png" width="200" />
</a></div>


<div class="col-md-3">
<a href="#" class="thumbnail">
 <img alt="The God of High School" height="100" src="https://i.imgur.com/1ZzSAe0.png" width="200" />
</a></div>

<div class="col-md-3">
<a href="#" class="thumbnail">
  <img alt="D.Gray-Man" height="100" src="https://i.imgur.com/bAvjD5T.png" width="200" />
</a></div>
</div>
</div>
               
<div class="item">
<div class="row">
<div class="col-md-3">
<a href="#" class="thumbnail">
  <img alt="Slam Dunk" height="100" src="https://i.imgur.com/5Da1OM7.png" width="200" />
</a></div>



<div class="col-md-3">
<a href="#" class="thumbnail">
<img src="https://www.malware-site.www/vb/customavatars/avatar105466_3.gif" alt="Image" style="max-width:100%;" />
</a></div>


<div class="col-md-3">
<a href="#" class="thumbnail">
<img src="https://d.top4top.net/p_1007h1k7o1.jpg" alt="Image" style="max-width:100%;" />
</a></div>


<div class="col-md-3">
<a href="#" class="thumbnail">
<img src="https://www.malware-site.www/vb/customavatars/avatar105466_3.gif" alt="Image" style="max-width:100%;" />
</a></div>

</div>
</div>         
</div>



<a data-slide="prev" href="#Carousel" class="left carousel-control">›</a>
<a data-slide="next" href="#Carousel" class="right carousel-control">‹</a>
</div>

               
</div>
</div>
</div>


<style>
.carousel{margin-bottom:0;padding:0 30px 15px;position: relative;}
.carousel-control{left:-12px;height:40px;width:40px;background:none repeat scroll 0 0 #222;border:4px solid #FFF;border-radius:23px 23px 23px 23px;margin-top:32px}.carousel-indicators li{background:#cecece}.carousel-indicators .active{background:#428bca}
.col-md-3 img{height:90px;width:100%}.col-md-3{width:26%;float:right;margin:0 10px 0 -25px}

</style>








<script>
$(document).ready(function() {
    $('#Carousel').carousel({
        interval:5000
    })
});

</script>