Print this chapterPrint this chapter

Components

Carousel with set of thumbnails

Example

The carousel below shows a generic plugin and component for cycling through multiple elements.

<div id="myCarousel" class="carousel slide">
<div
class="carousel-inner">
<div
class="item active">
<ul
class="thumbnails">
<li>
<div
class="thumbnail">
<img
src="..." alt="">
</div>
</li>
<li>
<div
class="thumbnail">
<img
src="..." alt="">
</div>
</li>
</ul>
</div>
<div
class="item">
<ul
class="thumbnails">
<li>
...</li>
<li>
...</li>
</ul>
</div>
<div
class="item">
...
</div>

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