bootStrap4-轮播图

bootStrap->组件->轮播图

目录

• 常用类名
  • 结构类名
  • 动画设置
  • 事件
• 代码示例
  • 结构代码示例
  • 事件使用Demo
  • 测试demo（不直接填图片/修改图片大小）

常用类名

结构类名

类	描述
.carousel	创建一个轮播
指示符	----------------------------------------------------------------------------
.carousel-indicators	为轮播添加一个指示符，就是轮播图底下的一个个小点，轮播的过程可以显示目前是第几张图。
data-slide-to(属性)	data-slide-to="0"表示对应第几个图片
.active	表示激活
轮播图片	(注意图片的大小设置)--------------------------------------------------------------------------
.carousel-inner	添加要切换的图片
.carousel-item	指定每个图片的内容
.active	表示激活，将 .active 样式添加到其中一个幻灯片（一般第一张），否则轮播效果将无法正常运行（展现）。
.carousel-caption	在图片上添加描述