bootstrap:导航分页

最新推荐文章于 2024-08-25 09:57:22 发布

weixin_33795833

最新推荐文章于 2024-08-25 09:57:22 发布

阅读量82

点赞数

文章标签： javascript ViewUI

原文链接：http://www.cnblogs.com/hacker-lsr/p/9638644.html

版权

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=1, user-scalable=no">
<title>分页标签</title>
<link rel="stylesheet" href="css/bootstrap.css">
<script src="js/jquery.js"></script>
<script src="js/bootstrap.min.js"></script>
</head>
<body>
    <ul class="pagination">
        <li><a href="#">首页</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="#">...</a></li>
        <li><a href="#">末尾</a></li>
    </ul>
    <ul class="pager">
        <li><a href="#">上一页</a></li>        <!-- 中间 -->
        <li><a href="#">下一页</a></li>        <!-- 中间 -->
    </ul>
    <ul class="pager">
        <li class="previous"><a href="#">上一页</a></li>     <!-- 最左边 -->
        <li class="next"><a href="#">下一页</a></li>            <!-- 最右边 -->
    </ul>
</body>
</html>

示例图：

转载于:https://www.cnblogs.com/hacker-lsr/p/9638644.html

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

weixin_33795833

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
bootstrap:导航分页

<!DOCTYPE html><html><head><meta charset="UTF-8"><meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=1, user-scalable=no"><titl...
复制链接

扫一扫