Bootstrap分页
来源:互联网 发布:java输入输出流 编辑:程序博客网 时间:2024/05/16 15:19
默认分页
受 Rdio 的启发,我们提供了这个简单的分页组件,用在应用或搜索结果中超级棒。组件中的每个部分都很大,优点是容易点击、易缩放、点击区域大。
<nav> <ul class="pagination"> <li> <a href="" aria-label="Previous"><span>«</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>»</span></a> </li> </ul> </nav>
尺寸
想要更小或更大的分页?.pagination-lg 或 .pagination-sm 类提供了额外可供选择的尺寸。
<nav> <ul class="pagination pagination-lg"> <li> <a href="" aria-label="Previous"><span>«</span></a> </li> <li><span>1</span></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>»</span></a> </li> </ul> </nav> <nav> <ul class="pagination"> <li> <a href="" aria-label="Previous"><span>«</span></a> </li> <li><span>1</span></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>»</span></a> </li> </ul> </nav> <nav> <ul class="pagination pagination-sm"> <li> <a href="" aria-label="Previous"><span>«</span></a> </li> <li><span>1</span></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>»</span></a> </li> </ul> </nav>
翻页
用简单的标记和样式,就能做个上一页和下一页的简单翻页。用在像博客和杂志这样的简单站点上棒极了。
<nav> <ul class="pager"> <li><a href="#">Previous</a></li> <li><a href="#">Next</a></li> </ul> </nav>
阅读全文
0 0
- bootstrap分页
- bootstrap分页
- Bootstrap 分页
- bootstrap分页
- Bootstrap 分页
- bootstrap-分页
- bootstrap 分页
- bootstrap分页
- BootStrap 分页
- bootstrap分页
- Bootstrap分页
- bootstrap 分页
- Bootstrap分页插件--Bootstrap Paginator
- Bootstrap分页插件--Bootstrap Paginator
- bootstrap分页插件Bootstrap Paginator
- Bootstrap分页插件--Bootstrap Paginator
- bootstrap table 分页,客户端分页
- bootstrap分页样式
- Session的使用
- 一台电脑添加多个git账户
- HTML标签的书写和嵌套规范
- JavaScript函数传参
- Ubuntu与Windows 使用pscp传输文件
- Bootstrap分页
- 实验二
- Java day3
- python django-admin startproject django-admin命令未找到
- VS 如何使用外部程序调试dll程序
- spring mybatis 之MapperFactoryBean
- 【总结帖】关于递归
- ios-SQLite基本使用
- 我的第一节C语言课