if you want to add slider on your website, then bootstrap carousel and bootstrap slider easy to workout.
Html
Aftre include bootstrap css and js Just copy and paste this markup.
[code language=”html”]
<div class="wrap">
<div id="myCarousel" class="carousel slide" data-ride="slide" data-interval="false">
<div class="carousel-inner">
<div class="item active">
<img src="http://placehold.it/750×450/3498db/ffffff" width="100%">
</div>
<div class="item">
<img src="http://placehold.it/750×450/e74c3c/ffffff" width="100%">
</div>
<div class="item">
<img src="http://placehold.it/750×450/e67e22/ffffff" width="100%">
</div>
</div>
<a class="left carousel-control" href="#myCarousel" data-slide="prev">
<span class="glyphicon glyphicon-chevron-left"></span>
</a>
<a class="right carousel-control" href="#myCarousel" data-slide="next">
<span class="glyphicon glyphicon-chevron-right"></span>
</a>
</div>
</div>
[/code]