<link href="//netdna.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css">
<script src="//netdna.bootstrapcdn.com/bootstrap/3.2.0/js/bootstrap.min.js"></script>
<script src="//code.jquery.com/jquery-1.11.1.min.js"></script>
<div class="container">
<div class="col-md-12">
<div class="carousel slide" id="myCarousel">
<div class="carousel-inner">
<div class="item active">
<div class="col-lg-4 col-xs-4 col-md-4 col-sm-4">
<a href="#"><img src="http://lorempixel.com/400/200/sports" class="img-responsive">1</a></div>
</div>
<div class="item">
<div class="col-lg-4 col-xs-4 col-md-4 col-sm-4">
<a href="#"><img src="http://lorempixel.com/400/200/" class="img-responsive">2</a></div>
</div>
<div class="item">
<div class="col-lg-4 col-xs-4 col-md-4 col-sm-4">
<a href="#"><img src="http://lorempixel.com/400/200/sports" class="img-responsive">3</a></div>
</div>
<div class="item">
<div class="col-lg-4 col-xs-4 col-md-4 col-sm-4">
<a href="#"><img src="http://lorempixel.com/400/200/" class="img-responsive">4</a></div>
</div>
<div class="item">
<div class="col-lg-4 col-xs-4 col-md-4 col-sm-4">
<a href="#"><img src="http://lorempixel.com/400/200/sports" class="img-responsive">5</a></div>
</div>
<div class="item">
<div class="col-lg-4 col-xs-4 col-md-4 col-sm-4">
<a href="#"><img src="http://lorempixel.com/400/200/" class="img-responsive">6</a></div>
</div>
<div class="item">
<div class="col-lg-4 col-xs-4 col-md-4 col-sm-4">
<a href="#"><img src="http://lorempixel.com/400/200/sports" class="img-responsive">7</a></div>
</div>