Bootstrap 5 Carousel Disable Autoplay
<div id="carouselExampleControls" class="carousel slide" data-bs-interval="false">
Mysterious Macaque
<div id="carouselExampleControls" class="carousel slide" data-bs-interval="false">
By adding data-interval="false"
<div id="carousel-example-generic" class="carousel slide" data-interval="false" data-ride="carousel" data-pause="hover" >
You just need to add one more attribute to your DIV tag which is
`data-interval="false"`
So <!--Carousel Wrapper-->
<div id="multi-item-example" class="carousel slide carousel-multi-item" data-ride="carousel" data-interval="false">
Note* : no need to touch JS!
<------------------ OR ---------------------->
$('.carousel').carousel({
interval: false,
});
$('.carousel').carousel({
interval: false,
});