bootstrap为轮播组件定义了一套轮播的css样式， 其中有三个最基本的样式".carousel"、".carousel-inner"、".item"。".carousel" 是整个轮播的样式。".carousel-inner"是幻灯片组的样式，所有的幻灯片都定义在其内。".item"是每张幻灯片的样式(其内是轮播的元素，比如单张图片)，这三个样式定义了整个轮播组件的架构。另外还有俩个".carousel-indicators"(指示器)、".carousel-control"(控制器) , 是可选的，这俩个是用于控制幻灯片的，比如"上一张"、"下一张"。".carousel-indicators"是指示器，控制直接切换到哪张，".carousel-control"是控制器，用于切换上一张、下一张，如上图标示。 有了上边的定义之后轮播组件就建成了，下面看下如何使其工作即自动切换。 启动方式 轮播组件定义好后是不能自动工作的，必须通过代码或手动（点击指示器或控制器）使其自动切换，有俩种方式。 1.通过data属性启动 有俩个data属性 "data-slide-to" 和 "data-slide" ，如上面代码中。"data-slide-to" 一般用作指示器，用于直接切换到第几张，其值从0(第1张)开始。"data-slide" 一般用作控制器，用于切换上一张、下一张，有俩个值："prev" 切换到上一张，"next"切换到下一张。示例： bootstrap为轮播组件定义了一套轮播的css样式， 其中有三个最基本的样式".carousel"、".carousel-inner"、".item"。".carousel" 是整个轮播的样式。".carousel-inner"是幻灯片组的样式，所有的幻灯片都定义在其内。".item"是每张幻灯片的样式(其内是轮播的元素，比如单张图片)，这三个样式定义了整个轮播组件的架构。另外还有俩个".carousel-indicators"(指示器)、".carousel-control"(控制器) , 是可选的，这俩个是用于控制幻灯片的，比如"上一张"、"下一张"。".carousel-indicators"是指示器，控制直接切换到哪张，".carousel-control"是控制器，用于切换上一张、下一张，如上图标示。 有了上边的定义之后轮播组件就建成了，下面看下如何使其工作即自动切换。 启动方式 轮播组件定义好后是不能自动工作的，必须通过代码或手动（点击指示器或控制器）使其自动切换，有俩种方式。 1.通过data属性启动 有俩个data属性 "data-slide-to" 和 "data-slide" ，如上面代码中。"data-slide-to" 一般用作指示器，用于直接切换到第几张，其值从0(第1张)开始。"data-slide" 一般用作控制器，用于切换上一张、下一张，有俩个值："prev" 切换到上一张，"next"切换到下一张。示例： bootstrap为轮播组件定义了一套轮播的css样式， 其中有三个最基本的样式".carousel"、".carousel-inner"、".item"。".carousel" 是整个轮播的样式。".carousel-inner"是幻灯片组的样式，所有的幻灯片都定义在其内。".item"是每张幻灯片的样式(其内是轮播的元素，比如单张图片)，这三个样式定义了整个轮播组件的架构。另外还有俩个".carousel-indicators"(指示器)、".carousel-control"(控制器) , 是可选的，这俩个是用于控制幻灯片的，比如"上一张"、"下一张"。".carousel-indicators"是指示器，控制直接切换到哪张，".carousel-control"是控制器，用于切换上一张、下一张，如上图标示。 有了上边的定义之后轮播组件就建成了，下面看下如何使其工作即自动切换。 启动方式 轮播组件定义好后是不能自动工作的，必须通过代码或手动（点击指示器或控制器）使其自动切换，有俩种方式。 1.通过data属性启动 有俩个data属性 "data-slide-to" 和 "data-slide" ，如上面代码中。"data-slide-to" 一般用作指示器，用于直接切换到第几张，其值从0(第1张)开始。"data-slide" 一般用作控制器，用于切换上一张、下一张，有俩个值："prev" 切换到上一张，"next"切换到下一张。示例：