Answers for "stop auto carousel in bootstrap"

bootstrap carousel stop autoplay

By adding data-interval="false"
<div id="carousel-example-generic" class="carousel slide" data-interval="false" data-ride="carousel" data-pause="hover" >

bootstrap 4 stop auto slide

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,
});

turn off auto slide bootstrap carousel

$('.carousel').carousel({
  interval: false,
});