首页 >web前端 >Bootstrap教程 > 正文

bootstrap轮播怎么停止自动轮播

原创2019-07-17 10:36:0703499

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

创建一个轮播主容器

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

非常快捷、方便。

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

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

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

data-ride="carousel"

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

以上就是bootstrap轮播怎么停止自动轮播的详细内容,更多请关注php中文网其它相关文章!

php中文网最新课程二维码

声明:本文原创发布php中文网,转载请注明出处,感谢您的尊重!如有疑问,请联系admin@php.cn处理

  • 相关标签:bootstrap
  • 相关文章

    相关视频


    网友评论

    文明上网理性发言,请遵守 新闻评论服务协议

    我要评论
  • 专题推荐

    作者信息
    推荐视频教程
  • Bootstrap 中文手册Bootstrap 中文手册
  • bootstrap响应式开发教程bootstrap响应式开发教程
  • 兄弟连张诚Bootstrap视频教程兄弟连张诚Bootstrap视频教程
  • 前端开发常用的库—Bootstrap前端开发常用的库—Bootstrap
  • 视频教程分类