how would you implement a carousel in bootstrap?

<div id="myCarousel" class="carousel slide" data-ride="carousel">
 <!-- Indicators -->
 <ul class="carousel-indicators">
   <li data-target="#myCarousel" data-slide-to="0" class="active"></li>
   <li data-target="#myCarousel" data-slide-to="1"></li>
   <li data-target="#myCarousel" data-slide-to="2"></li>
 </ul>
 <!-- Wrapper -->
 <div class="carousel-inner">
   <div class="carousel-item active">
     <img src="ap.jpg" alt="Apple">
     <div class="carousel-caption">
       <h3>APPLE</h3>
     </div>
   </div>
  
       <div class="carousel-item">
     <img src="or.jpg" alt="Orange">
     <div class="carousel-caption">
       <h3>ORANGE</h3>
     </div>
   </div>
   
   <div class="carousel-item">
      <img src="kw.jpg" alt="Kiwi">
      <div class="carousel-caption">
        <h3>KIWI</h3>
      </div>
    </div>
 </div>

 <!-- Left and Right Controls -->
 <a class="carousel-control-prev" href="#myCarousel" data-slide="prev">
   <span class="carousel-control-prev-icon"></span>
 </a>
 <a class="carousel-control-next" href="#myCarousel" data-slide="next">
   <span class="carousel-control-next-icon"></span>
 </a>
</div>