Bootstrap Carousel

<div id="carousel-example-generic" class="carousel slide" data-ride="carousel">
<ol class="carousel-indicators">
<li data-target="#carousel-example-generic" data-slide-to="0" class="active"> </li>
<li data-target="#carousel-example-generic" data-slide-to="1"> </li>
<li data-target="#carousel-example-generic" data-slide-to="2"> </li>
</ol>
<div class="carousel-inner">
<div class="item active">
<img src="/portals/31/bootstrapc1.jpg" alt="First slide" />
</div>
<div class="item">
<img src="/portals/31/bootstrapc2.jpg" alt="Second slide" />
</div>
<div class="item">
<img src="/portals/31/bootstrapc3.jpg" alt="Third slide" />
</div>
</div>
<a class="left carousel-control" href="#carousel-example-generic" data-slide="prev"><span class="glyphicon glyphicon-chevron-left"></span></a>
<a class="right carousel-control" href="#carousel-example-generic" data-slide="next"><span class="glyphicon glyphicon-chevron-right"></span></a>
</div>
Planar Client Options
Layout Style
  • Wide
  • Boxed
Theme Preview