Creating a carousel using bootstrap is quite simple (http://getbootstrap.com/javascript/#carousel).
The carousel items do not have to be limited to images; they can also include divs with any desired elements. For instance, the first carousel item could appear as follows:
<div class="item active">
<div class="col-sm-4">
<img src="image1" alt="..." class="img-responsive"/>
<p class="help-block text-center">Caption for image 1</p>
</div>
<div class="col-sm-4">
<img src="image2" alt="..." class="img-responsive"/>
<p class="help-block text-center">Caption for image 2</p>
</div>
<div class="col-sm-4">
<img src="image3" alt="..." class="img-responsive"/>
<p class="help-block text-center">Caption for image 3</p>
</div>
</div>
The subsequent items in your carousel can feature images and captions numbered 4,5,6, etc.
Ensure that your images utilize the "img-responsive" class for proper scaling within the carousel.
Bootstrap's carousel demonstration is quite intuitive. Visit their site to learn how to incorporate navigation arrows, illustrated below:
<a class="left carousel-control" href="#carousel-example-generic" role="button" data-slide="prev">
<span class="glyphicon glyphicon-chevron-left" aria-hidden="true"></span>
<span class="sr-only">Previous</span>
</a>
<a class="right carousel-control" href="#carousel-example-generic" role="button" data-slide="next">
<span class="glyphicon glyphicon-chevron-right" aria-hidden="true"></span>
<span class="sr-only">Next</span>
</a>