Sidebar

Carousel

A slideshow component for cycling through elements—images or slides of text—like a carousel..

Bootstrap Carousel documentation
Crossfade
<div id="carouselExampleFade" class="carousel slide carousel-fade" data-ride="carousel">
<ol class="carousel-indicators">
<li data-target="#carouselExampleFade" data-slide-to="0" class=""></li>
<li data-target="#carouselExampleFade" data-slide-to="1" class="active"></li>
<li data-target="#carouselExampleFade" data-slide-to="2" class=""></li>
</ol>
<div class="carousel-inner">
<div class="carousel-item">

<img src="images/bussiness-slider-1.jpg" class="img-fluid mx-auto  d-block" alt="slider" title="slider"> </div>
<div class="carousel-item active">
  
<img src="images/bussiness-slider-2.jpg" class="img-fluid mx-auto  d-block" alt="slider" title="slider"> </div>
<div class="carousel-item">

<img src="images/bussiness-slider-3.jpg" class="img-fluid mx-auto d-block" alt="slider" title="slider"> </div>
</div>
</div>