Bootstrap 轮播图
-
-
参数
上面示例中的每个类的说明:类名 描述 .carousel 创建一个轮播 .carousel-indicators 添加轮播指标。这些是每张轮播图底部的小点(指示轮播中有多少张轮播图,以及用户当前正在查看哪些轮播图) .carousel-inner 将图片添加到轮播 .carousel-item 指定每张轮播图的内容 .carousel-control-prev 向轮播图添加一个左(上一个)按钮,允许用户在幻灯片之间返回 .carousel-control-next 向轮播图添加一个右(下一个)按钮,允许用户在幻灯片之间前进 .carousel-control-prev-icon 与.carousel-control-prev一起使用以创建“上一个”按钮 .carousel-control-next-icon 与.carousel-control-next一起使用以创建“下一步”按钮 .slide 当从一项滑动到另一项时,添加CSS过渡和动画效果。 如果您不想要此效果,请删除该类 -
将标题添加到轮播图
在每个 <div class="carousel-item"> 中的 <div class="carousel-caption"> 中添加元素,以为每个幻灯片创建标题:输出结果如下:有关更多轮播图的知识,请阅读我们的 Bootstrap 轮播图参考