讲给后台程序员看的前端系列教程(51)——Bootstrap分页
2019-10-18 22:21
127 查看
讲给Android程序员看的前端系列教程(40集免费视频教程+源码)
版权声明
- 本文原创作者:谷哥的小弟
- 作者博客地址:http://blog.csdn.net/lfdfhl
分页
在本节教程中,我们介绍Bootstrap提供的分页及其样式。
<!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>
谷哥的小弟 博客专家 原创文章 1028获赞 2010访问量 243万+ 关注 他的留言板
相关文章推荐
- 讲给后台程序员看的前端系列教程(52)——Bootstrap轮播图
- 讲给后台程序员看的前端系列教程(31)——流程控制
- 讲给后台程序员看的前端系列教程(34)——对象
- 讲给后台程序员看的前端系列教程(37)——DOM
- 讲给后台程序员看的前端系列教程(55)——jQuery入口函数
- 讲给后台程序员看的前端系列教程(58)——jQuery选择器
- 讲给后台程序员看的前端系列教程(59)——jQuery DOM操作
- 讲给后台程序员看的前端系列教程(01)——HTML5概述
- 讲给后台程序员看的前端系列教程(32)——数组
- 讲给后台程序员看的前端系列教程(36)——BOM
- 讲给后台程序员看的前端系列教程(56)——jQuery样式控制
- 讲给后台程序员看的前端系列教程(24)——浮动
- 讲给后台程序员看的前端系列教程(08)——HTML5标签(7)
- 讲给后台程序员看的前端系列教程(12)——CSS概述
- 讲给后台程序员看的前端系列教程(43)——JSON数据格式及其解析
- 讲给后台程序员看的前端系列教程(61)——jQuery遍历元素
- 讲给后台程序员看的前端系列教程(10)——HTML5标签(9)
- 讲给后台程序员看的前端系列教程(13)——选择器(1)
- 讲给后台程序员看的前端系列教程(57)——jQuery事件绑定及其处理
- 讲给后台程序员看的前端系列教程(39)——正则表达式