<div id="myCarousel" class="carousel slide" style="max-width:525px;">
<ol class="carousel-indicators">
<li data-target="#myCarousel" data-slide-to="0" class="active"></li>
<li data-target="#myCarousel" data-slide-to="1"></li>
<li data-target="#myCarousel" data-slide-to="2"></li>
</ol> 
<div class="carousel-inner">
<div class="active item"><img src="https://static.pexels.com/photos/92632/pexels-photo-92632-medium.jpeg" alt="first">
<div class="carousel-caption">
<h3>First slide label</h3>
<p>Praesent commodo cursus magna, vel scelerisque nisl consectetur.</p>
</div>
</div>
<div class="item"><img src="https://static.pexels.com/photos/96455/pexels-photo-96455-medium.jpeg" alt="second">
<div class="carousel-caption">
<h3>Second slide label</h3>
<p>Praesent commodo cursus magna, vel scelerisque nisl consectetur.</p>
</div>
</div>
<div class="item"><img src="https://static.pexels.com/photos/96415/pexels-photo-96415-medium.jpeg" alt="third">
<div class="carousel-caption">
<h3>Third slide label</h3>
<p>Praesent commodo cursus magna, vel scelerisque nisl consectetur.</p>
</div>
</div>
</div> 
<a class="carousel-control left" href="#myCarousel" data-slide="prev">‹</a>
<a class="carousel-control right" href="#myCarousel" data-slide="next">›</a>
</div>

First slide label

Praesent commodo cursus magna, vel scelerisque nisl consectetur.

Second slide label

Praesent commodo cursus magna, vel scelerisque nisl consectetur.

Third slide label

Praesent commodo cursus magna, vel scelerisque nisl consectetur.

‹ ›