Homepage Slider
We used bootstrap carousel on homepage slider. Sample markup is:
<div id="featured-post-carousel" class="carousel slide" data-ride="carousel">
<div class="carousel-inner" role="listbox">
<div class="item active">
<!-- Featured Post Box -->
</div>
<div class="item">
<!-- Featured Post Box -->
</div>
</div>
<a class="left featured-post-control" href="#featured-post-carousel" role="button" data-slide="prev"><i class="fa fa-angle-left"></i></a>
<a class="right featured-post-control" href="#featured-post-carousel" role="button" data-slide="next"><i class="fa fa-angle-right"></i></a>
</div>
On each item, you need to add featured post box. There is featured image, post title, excerpt & read more. Easy enough!