Components

<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=""></li>
                                            <li data-target="#carousel-example-generic" data-slide-to="1" class=""></li>
                                            <li data-target="#carousel-example-generic" data-slide-to="2" class="active"></li>
                                        </ol>
                                        <div class="carousel-inner" role="listbox">
                                            <div class="item">
                                                <img data-src="holder.js/900x500/auto/#777:#555/text:First slide" alt="900x500" style="width: 900px; height: 500px;" src="assets/img/placeholder/post-preview.jpg" data-holder-rendered="true" />
                                            </div>
                                            <div class="item">
                                                <img data-src="holder.js/900x500/auto/#666:#444/text:Second slide" alt="900x500" src="assets/img/placeholder/post-preview.jpg" data-holder-rendered="true" style="width: 900px; height: 500px;" />
                                            </div>
                                            <div class="item active">
                                                <img data-src="holder.js/900x500/auto/#555:#333/text:Third slide" alt="900x500" src="assets/img/placeholder/post-preview.jpg" data-holder-rendered="true" style="width: 900px; height: 500px;" />
                                            </div>
                                        </div>
                                        <a class="left carousel-control" href="#carousel-example-generic" role="button" data-slide="prev">
                                            <span class="icon-prev" 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="icon-next" aria-hidden="true"></span>
                                            <span class="sr-only">Next</span>
                                        </a>
                                    </div>

Carousel

Components

Example