bootstrap分页

最新推荐文章于 2023-04-10 16:25:56 发布

taojYang

最新推荐文章于 2023-04-10 16:25:56 发布

阅读量77

点赞数

分类专栏： bootstrap 文章标签： bootstrap 分页 pager

本文链接：https://blog.csdn.net/weixin_43293451/article/details/92582037

版权

bootstrap 专栏收录该内容

26 篇文章 0 订阅

订阅专栏

<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>bootstrap</title>
	<style type="text/css">
		div{
			margin:10px;
		}
	</style>
</head>
<body>
	<script src="jquery.min.js"></script>
	<link rel="stylesheet" type="text/css" href="bootstrap/css/bootstrap/3.3.6/bootstrap.min.css">
	<script src="bootstrap/js/bootstrap/3.3.6/bootstrap.min.js"></script>
	
	<nav style="margin:20px">
		<ul class="pagination pagination-lg">
			<li>
				<a href="#" aria-label="previous">
					<span aria-label="true">&laquo;</span>
				</a>
			</li>
			<li><a href="#">1</a></li>
			<li><a href="#">2</a></li>
			<li><a href="#">3</a></li>
			<li class="disabled">
				<a href="#" aria-label="next">
					<span aria-label="true">&raquo;</span>
				</a>
			</li>
		</ul>
	</nav><br><br>
	<nav>
		<ul class="pager">
			<li><a href="#">上一页</a></li>
			<li class="disabled"><a href="#">下一页</a></li>
		</ul>
	</nav><br><br>
	<nav>
		<ul class="pager">
			<li class="previous"><a href="#"><span aria-hidden="true">&larr;</span>上一页</a></li>
			<li class="next"><a href="#">下一页<span aria-hidden="true">&rarr;</span></a></li>
		</ul>
	</nav>
</body>
</html>