bootstrap轮播怎么停止自动轮播-木庄网络博客

本文摘自PHP中文网，作者(*-*)浩，侵删。

bootstrap中有一个自带的网页图片轮播图，功能齐全，属于很标准的轮播类型。

创建一个轮播主容器

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

非常快捷、方便。

但是在一个页面里使用多个bootstrap轮播组件的时候，如果还让所有轮播图都自动轮播的话，整个画面都在动，会给用户一种很不好的体验感受。

所以，需要关闭轮播图的自动轮播。

关闭方法：去除如下属性即可：

1	`data-ride="carousel"`

更多Bootstrap相关技术文章，请访问Bootstrap教程栏目进行学习！

相关阅读 >>

更多相关阅读请进入《bootstrap》频道 >>

书籍

Vue.js 设计与实现基于Vue.js 3 深入解析Vue.js 设计细节

￥83.86元 人民邮电出版社

本书对 Vue.js 3 技术细节的分析非常可靠，对于需要深入理解 Vue.js 3 的用户会有很大的帮助。——尤雨溪，Vue.js作者