bootstrap slider Archives - csshint - A designer hub https://csshint.com/tag/bootstrap-slider/ Sat, 08 Aug 2020 06:32:40 +0000 en-US hourly 1 https://wordpress.org/?v=6.3.4 Simple Bootstrap Carousel https://csshint.com/simple-bootstrap-carousel/ Sat, 08 Aug 2020 06:30:05 +0000 http://csshint.com/?p=3180 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%"> […]

The post Simple Bootstrap Carousel appeared first on csshint - A designer hub.

]]> if you want to add slider on your website, then bootstrap carousel and bootstrap slider easy to workout.

Simple Bootstrap Carousel

Demo : Bootstrap Carousel


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]

Simple Bootstrap Carousel

The post Simple Bootstrap Carousel appeared first on csshint - A designer hub.

]]>