bootstrap 实现轮播图

最新推荐文章于 2024-03-10 09:15:00 发布

VIP文章 kid_way

最新推荐文章于 2024-03-10 09:15:00 发布

阅读量9.2k

点赞数 1

分类专栏： bootstrap 文章标签： bootstrap 轮播图

本文链接：https://blog.csdn.net/sinat_39177688/article/details/78473656

版权

<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>Carousel</title>
	<link rel="stylesheet" href="https://cdn.bootcss.com/bootstrap/3.3.7/css/bootstrap.min.css">
	<style>
		/*调整容器大小*/
		#myCarousel {
			width: 600px;
		}
		/*调整圆圈链接ol位置*/
		.carousel-indicators {
			bottom: -5px;
		}
		/*调整轮播图位置*/
		#carousel-example-generic {
			top: 100px;
		}
	</style>
</head>
<body>
	<div class="container" id="myCarousel">
		<!-- 轮播图容器 -->
		<div id="carousel-example-generic" class="carousel slide">
			<!-- 轮播图上的圆圈链接 -->
			<ol class="carousel-indicators radiou">
				<li data-target="#carousel-example-generic" data-slide-

最低0.47元/天解锁文章

优惠劵

kid_way

关注关注

1
点赞
踩
5

收藏

觉得还不错? 一键收藏
0
评论
bootstrap 实现轮播图

Carousel /*调整容器大小*/ #myCarousel { width: 600px; } /*调整圆圈链接ol位置*/ .carousel-indicators { bottom: -5px; } /*调整轮播图位置*/ #carousel-example-generic { top: 100px; }
复制链接

扫一扫