轮播图
本文转载至菜鸟教程，仅做笔记之用，方便自己学习
菜鸟链接
<!DOCTYPE html><html><head><title>Bootstrap 实例</title><meta charset="utf-8"><meta name="viewport" content="width=device-width, initial-scale=1"><link rel="stylesheet" href="https://cdn.staticfile.org/twitter-bootstrap/4.1.0/css/bootstrap.min.css"><script src="https://cdn.staticfile.org/jquery/3.2.1/jquery.min.js"></script><script src="https://cdn.staticfile.org/popper.js/1.12.5/umd/popper.min.js"></script><script src="https://cdn.staticfile.org/twitter-bootstrap/4.1.0/js/bootstrap.min.js"></script><style>/* Make the image fully responsive */.carousel-inner img {width: 100%;height: 100%;}</style></head><body><div id="demo" class="carousel slide" data-ride="carousel"><!-- 指示符 --><ul class="carousel-indicators"><li data-target="#demo" data-slide-to="0" class="active"></li><li data-target="#demo" data-slide-to="1"></li><li data-target="#demo" data-slide-to="2"></li></ul><!-- 轮播图片 --><div class="carousel-inner"><div class="carousel-item active"><img src="https://static.runoob.com/images/mix/img_fjords_wide.jpg"></div><div class="carousel-item"><img src="https://static.runoob.com/images/mix/img_nature_wide.jpg"></div><div class="carousel-item"><img src="https://static.runoob.com/images/mix/img_mountains_wide.jpg"></div></div><!-- 左右切换按钮 --><a class="carousel-control-prev" href="#demo" data-slide="prev"><span class="carousel-control-prev-icon"></span></a><a class="carousel-control-next" href="#demo" data-slide="next"><span class="carousel-control-next-icon"></span></a></div></body></html>
ゞ 浴缸里的玫瑰
布满荆棘的人生
淩亂°似流年
柔情只为你懂
还没有评论，来说两句吧...