how to stop carousel from sliding
To prevent the Carousel from sliding Remove data-ride="carousel"
and We can Stop the sliding whenever we reach the last slide of the carousel. we use the attribute data-wrap=" false
<div id="carouselExampleSlidesOnly" class="carousel slide" data-wrap="false">
<div class="carousel-inner" id="scroll">
<div class="carousel-item active">
<div class="row align-items-center">
<div class="col-lg-6">
<div class="img-wrapper img-right">
<img src="<?php echo base_url()?>assets/images/iphone.png" alt="">
</div>
</div>
<div class="col-lg-6">
<div class="quick-overview-content">
<div class="quick-overview-content-head">
<h2>Flexible Partnership</h2>
<p>Optimism ecosystem incubator, compelling philanthropy corporate social responsibility </p>
</div>
<ul class="iconic-icon-list">
<li><i class=" arrow_carrot-right"></i> <span>We must stand up the targeted empathetic.</span></li>
<li><i class=" arrow_carrot-right"></i> <span>Think tank framework compassion.</span></li>
<li><i class=" arrow_carrot-right"></i> <span>Optimism ecosystem incubator compelling.</span></li>
<li><i class=" arrow_carrot-right"></i> <span>Optimism ecosystem incubator compelling.</span></li>
<li><i class=" arrow_carrot-right"></i> <span>Improve the world justice empower communities.</span></li>
</ul>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>