Bootstrap 支持的分页特性。分页(Pagination),是一种无序列表,Bootstrap 像处理其他界面元素一样处理分页。
分页(Pagination)
下表列出了 Bootstrap 提供的处理分页的 class。
<!DOCTYPE html>
<html>
<head><meta charset="utf-8"> <title>Bootstrap 实例 - 默认的分页</title><link rel="stylesheet" href="https://cdn.staticfile.net/twitter-bootstrap/3.3.7/css/bootstrap.min.css"> <script src="https://cdn.staticfile.net/jquery/2.1.1/jquery.min.js"></script><script src="https://cdn.staticfile.net/twitter-bootstrap/3.3.7/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>
</ul></body>
</html>
<ul class="pagination pagination-lg">
<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>
</ul><br>
<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>
</ul><br>
<ul class="pagination pagination-sm"><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>
</ul>
视频二维码系列教程:
- 单个视频生成二维码教程,请点击查看单视频二维码教程>>
- 多个视频生成列表二维码教程,请点击查看列表二维码教程>>
- 为视频添加密码观看权限教程,请点击查看密码观看权限教程>>
- 如何制作带企业图标的视频二维码?方便企业形象宣传,点击查看教程>>
- 100个视频如何转换成1个二维码,点击查看教程>>
- 产品包装印刷宣传视频二维码使用教程,点击查看教程>>
我的热门文章推荐
- 多路视频直播用在线云导播切换的效果测试
- 如何把视频转换生成二维码,扫码直接播放?
- 有哪些网站上传视频是不会插入广告的?
- 怎么把视频生成二维码?微信扫二维码就可以观看?不要广告的
- 常用照片尺寸对照表,照片大小看这个表就对了
- 视频直播推流攻略(整理的各大平台推流界面)
- html5视频倍速播放功能
- 教你一招:多个视频如何实现列表播放?
- 微信公众号如何实现视频列表播放视频的功能
- h5视频倍速播放功能(视频多倍速观看功能的实例)
- 怎样配置FTP服务器
- 如何使用FTP上传文件(FTP文件传输)
- OBS直播工具使用指南/OBS推送直播视频源到服务器的工具
- QQ浏览器劫持video标签加载自己的广告(怎么解决?)