Bootstrap基本组件学习笔记之分页(12)

Bootstrap提供了对分页的良好支持。

0x01 默认的分页

 
 
 
 
 
 



 

 
默认的分页
 
 

 

  
«
  
1
  
2
  
3
  
4
  
5
  
»
 
 

效果如下：

上面增加了disabled和active的效果。

0x02 综合案例

 
 
 
 
 
 



 

 
分页
 
 

 

  
«
  
1
  
2
  
3
  
4
  
5
  
»
  
 
  

  跳转到:
  
  

  Go
  
 
 

效果如下：

0x03 翻页

下面的例子演示.pager的样式：

 
 
 
 
 
 



 

 
翻页
 
 

 

  
前一页
  
后一页
 
 

效果如下：

如果大家还想深入学习，可以点击这里进行学习，再为大家附3个精彩的专题：

Bootstrap学习教程

Bootstrap实战教程

Bootstrap插件使用教程

以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持脚本之家。