Override pause-on-hover behavior of Bootstrap 4 Carousel

Question

I'm making a non-interactive carousel in Bootstrap 4. By default the carousel stays on the current slide while the user is hovering. How can I disable this behavior?

Answer 1

Here is Bootstrap 4.1.x official documentation for the carousel component.

You can use the attribute data-pause="false" when declaring your carousel, for example:

<div id="carouselExampleFade" class="carousel slide carousel-fade" data-pause="false">