Bootstrap 分页查询

2021-01-22 03:52

此章将解读 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