我和bootstrap一起做的。这很简单

将代码直接复制到webstorm中

接下来，我将使用我的一份作业来解释它的每一部分意味着什么

(因为这段代码是什么意思，老师一直没有教我明白什么是错的。)

“男朋友秋天穿新衣服”的地方是旋转木马。总共有3个点，也就是说，三张图片可以通过左右箭头左右翻转

接下来，给出源代码：并在代码后解释每个部分

div class=' col-MD-9 lunbo ' div id=' carousel-example-generic ' class=' carousel slide ' data-ride=' carousel ' style=' margin-top : 1.4285 rem '！-指示器-ol class=' Carousel-Indicators ' style=' margin-left :-20 rem ' Li data-target=' # Carousel-example-generic ' data-slide-to=' 0 ' class=' active '/Li这里指定了播放顺序。三里代表三个点。一个点就是一幅画。Li data-target=' # carousel-example-generic ' data-slide-to=' 1 '/Li Li data-target=' # carousel-example-generic ' data-slide-to=' 2 '/Li/ol！-幻灯片包装器-div class=' carousel-inner '这里有三张要播放的图片。div class='item active '这里，active对应于active上面的小圆点。img src='http:三组项目/PC/PC主页/lunbo1.jpg' alt=' . 'style=' width 3360 64 Height : 31.9285 rem ' div class=' carousel-caption '/div/div class=' item ' img src=' http :三组项目/PC/PC主页/lunbo2.jpg' alt=' . 'style=' width: 64rem高度： 31.9285 rem ' div class=' carousel-caption '/div/div class=' item ' img src=' http :三组项目/PC/PC主页/lunbo3.jpg' alt=' . 'style=' width: 64remheight : 31.9285 rem ' div class=' carousel-caption '/div/div/div！- Controls -这里是左箭头和右箭头a class=' left Carousel-control ' href=' # Carousel-example-generic ' data-slide=' prev ' up span class=' glyphicon glyphicon-chevron-left '/span/a class=' right Carousel-control ' href=' # Carousel-example-generic ' data-slide=' next ' down span class=' glyphicon glyphicon-chevron-right '/span/a/div/div如果您只需要两张图片，请自行更改代码，删除一张图片，

data-slide-to中的数字='0 '只是一个例子，具体情况可以自己判断

以上就是边肖介绍的通过BootStrap实现轮播的实际应用，希望对大家有所帮助。如果你有任何问题，请给我留言，边肖会及时回复你的！