Completa lenguaje C manual de auto-estudio (33)
Android marco multi-resolución para la adaptación
serie de tutoriales de tecnología de núcleo JavaWeb
serie de tutoriales de combate desarrollo front-end HTML5
MySQL base de datos de gimnasia tutoriales (35) versión gráfica
Y derrocar a su propio pasado - Vista personalizada serie de tutoriales (10)
derechos de autor
- Este autor original del artículo: Columbia Valley es el hermano menor
- En la dirección del blog: http: //blog.csdn.net/lfdfhl
paginación
En este tutorial, se introduce la paginación y el estilo Bootstrap ofrece.
<!DOCTYPE html>
<!-- 本文作者:谷哥的小弟-->
<!-- 博客地址:https://blog.csdn.net/lfdfhl-->
<html>
<head>
<!-- 以下3个meta标签必须置于head标签的最前位置 -->
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>分页</title>
<!-- 引入Bootstrap的css文件 -->
<link href="css/bootstrap.min.css" rel="stylesheet">
<!-- 引入jQuery文件 -->
<script src="js/jquery-3.2.1.min.js"></script>
<!-- 引入Bootstrap的JavaScript -->
<script src="js/bootstrap.min.js"></script>
</head>
<body>
<nav aria-label="Page navigation">
<ul class="pagination">
<li>
<a href="#" aria-label="Previous">
<span aria-hidden="true">«</span>
</a>
</li>
<li><a href="#">1</a></li>
<li><a href="#">2</a></li>
<li><a href="#">3</a></li>
<li><a href="#">4</a></li>
<li><a href="#">5</a></li>
<li>
<a href="#" aria-label="Next">
<span aria-hidden="true">»</span>
</a>
</li>
</ul>
</nav>
</body>
</html>