bootstrap:导航分页
2024-10-08 03:22:11
<!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>
示例图:
最新文章
- 前端网站helper
- bootstarp-table表格中嵌套多个BUTON按钮实现
- 转:Task任务调度实现生产者消费者模式
- 如何正确读取war包中配置文件的路径
- 现在的SEO最须要会点啥
- T型架构观点学习
- getAttribute:取得属性; setAttribute:设置属性。
- 1006 Do the Untwist
- Leetcode题1
- OI队内测试——石门一
- asp.net core mvc剖析:KestrelServer
- Quartus16.0如何使用TCL脚本
- Synchronized锁性能优化偏向锁轻量级锁升级 多线程中篇(五)
- 使用 AudioContext 播放音频 解决 谷歌禁止自动播放音频
- (最完美)红米手机4的USB调试模式在哪里开启的经验
- js弹出层
- 寻找复杂背景下物体的轮廓(OpenCV / C++ - Filling holes)
- ScheduledThreadPoolExecutor
- 读书笔记--<;精益和敏捷开发大型项目应用指南>;
- [转]使用RTT(Real-Time Terminal)