How to stop automatic carousel in bootstrap carousel

bootstrap has a built-in web page image carousel with complete functions and a very standard carousel type.

Creating a carousel main container

<div id="carousel-example-generic" class="carousel slide" data-ride="carousel">  </div>

is very fast and convenient.

But when using multiple bootstrap carousel components on a page, if all the carousel images are automatically rotated, the entire screen will move, which will give the user a very bad experience. Feel.

So, you need to turn off the automatic carousel of the carousel.

Close method: remove the following attributes:

data-ride="carousel"

For more technical articles related to Bootstrap, please visit the Bootstrap Tutorial column. study!

The above is the detailed content of How to stop automatic carousel in bootstrap carousel. For more information, please follow other related articles on the PHP Chinese website!