Bootstrap - 轮播演示


什么是轮播?

Bootstrap 中的轮播是一种幻灯片组件,允许用户以循环序列显示多个图像、视频或其他类型的内容。它是一个响应式动态组件,可以轻松定制。

Bootstrap 提供了一组可用于创建轮播组件并对其进行自定义的类。

添加轮播的两个主要类是:

班级 描述
.轮播 该类设置了轮播的基本结构
.carousel-item 此类用于定义轮播中的各个幻灯片

用于自定义轮播中幻灯片的可选类有:

班级 描述
。滑动 为轮播添加滑动动画
。积极的 定义初始活动幻灯片
.carousel-指示器 将导航指示器添加到轮播的底部
.carousel-control-prev 和 carousel-control-next 向轮播添加左右箭头按钮以进行手动导航
.carousel-caption 为轮播中的每张幻灯片添加标题或说明

轮播的一些示例如下:

例子 描述 下载链接
基本轮播 此示例显示了一个基本的轮播。 下载
带指示器的轮播 此示例显示了带有指示器的轮播。 下载
带字幕的轮播 此示例显示了带有标题的轮播。 下载
动画轮播 此示例显示了带有动画的轮播。 下载
带时间间隔的轮播 此示例显示了具有时间间隔的轮播。 下载
自动播放轮播 此示例显示了一个自动播放轮播。 下载