手册
目录
旋转木马(轮播)是用于循环浏览元素的幻灯片:
下例显示了如何创建带有指示器和控件的基本轮播:
对上例中每个类的作用的描述:
| 类 | 描述 |
|---|---|
.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 过渡和动画效果。 如果您不想要这种效果,请删除此类。 |
请在每个 相关 视频 RELATED VIDEOS
科技资讯
1
2
3
4
5
6
7
8
9
精选课程
共5课时
17.2万人学习
共49课时
77万人学习
共29课时
61.7万人学习
共25课时
39.3万人学习
共43课时
70.9万人学习
共25课时
61.6万人学习
共22课时
23万人学习
共28课时
33.9万人学习
共89课时
125万人学习