Bootstrap 分页查询

摘要:此章将解读 Bootstrap 适用的分页查询特点。分页查询(Pagination),是一种混乱目录,Bootstrap 像解决别的页面原素一样解决分页查询。.disabled, .active您能够自定连接,根据应用 .disabled 而...

此章将解读 Bootstrap 适用的分页查询特点。分页查询(Pagination),是一种混乱目录,Bootstrap 像解决别的页面原素一样解决分页查询。


.disabled, .active您能够自定连接,根据应用 .disabled 而定义不能点一下的连接,根据应用 .active 来标示当今的网页页面。
 li a href="#" laquo; /a /li 
 li a href="#" 1 span (current) /span /a /li 
 .......
 /ul 
.pagination_lg, .pagination_sm应用这种 class 来获得不一样尺寸的项。
 ul ... /ul 
 ul ... /ul 
 ul ... /ul 
默认设置的分页查询

下边的案例演试了上表格中所探讨的 class .pagination 的使用方法:

ul > 试着一下 »

結果以下所显示:

默认的分页 分页查询的情况

下边的案例演试了上表格中所探讨的 class .disabled、.active 的使用方法:

ul > 试着一下 »
换页(Pager)

假如您要想建立一个简易的分页查询连接为客户出示导航栏,可根据换页来完成。与分页查询连接一样,换页也是混乱目录。默认设置状况下,连接是垂直居中显示信息。下表列举了 Bootstrap 解决换页的 class。

Class叙述实例编码 .pager加上该 class 来得到换页连接。
 li a href="#" Previous /a /li 
 li a href="#" Next /a /li 
 /ul 
.previous, .next应用 class .previous 把连接向左两端对齐,应用 .next 把连接向右两端对齐。
 li a href="#" larr; Older /a /li 
 li a href="#" Newer rarr; /a /li 
 /ul 
.disabled加上该 class 来设定相匹配按键严禁应用。
 li a href="#" larr; Older /a /li 
 li a href="#" Newer rarr; /a /li 
 /ul 


联系我们

全国服务热线:4000-399-000 公司邮箱:343111187@qq.com

  工作日 9:00-18:00

关注我们

官网公众号

官网公众号

Copyright?2020 广州凡科互联网科技股份有限公司 版权所有 粤ICP备10235580号 客服热线 18720358503

技术支持:html网页模板