[b]标准分页[/b]
优点:容易扩展,具有非常大的点击区域。非常适合app和搜索结果的展示。
li添加disabled类:标明链接不可点击
li添加active类:标明当前页
div添加pagination-large、pagination-small或pagination-mini类:可以改变分页尺寸
div添加pagination-centered 和 pagination-right类:改变分页的对齐方式
[b]翻页[/b]
优点:用更少的标记和样式来创建简单的“前一页”和“后一页”。适用于简单的网站,比如博客或者杂志网站。
默认情况翻页中的链接居中显示,li添加previous和next类:两个链接放置于两侧
li添加disabled类:让链接处于禁用状态
[img]http://dl2.iteye.com/upload/attachment/0106/2088/9c7b61c8-bd02-3d1f-acd1-bfdacb03de89.jpg[/img]
优点:容易扩展,具有非常大的点击区域。非常适合app和搜索结果的展示。
li添加disabled类:标明链接不可点击
li添加active类:标明当前页
div添加pagination-large、pagination-small或pagination-mini类:可以改变分页尺寸
div添加pagination-centered 和 pagination-right类:改变分页的对齐方式
<div class="bs-docs-example">
<div class="pagination pagination-centered pagination-small">
<ul>
<li class="disabled"><a href="#">«</a></li>
<li class="active"><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>
</div>
</div>
[b]翻页[/b]
优点:用更少的标记和样式来创建简单的“前一页”和“后一页”。适用于简单的网站,比如博客或者杂志网站。
默认情况翻页中的链接居中显示,li添加previous和next类:两个链接放置于两侧
li添加disabled类:让链接处于禁用状态
<div class="bs-docs-example">
<ul class="pager">
<li class="previous">
<a href="#">←前一页</a>
</li>
<li class="next">
<a href="#">后一页→</a>
</li>
</ul>
</div>
[img]http://dl2.iteye.com/upload/attachment/0106/2088/9c7b61c8-bd02-3d1f-acd1-bfdacb03de89.jpg[/img]