Bootstrap Demo

翻页

Class	描述	示例代码
.pager	添加该 class 来获得翻页链接。	<ul class="pager"> <li><a href="#">Previous</a></li> <li><a href="#">Next</a></li> </ul>
.previous, .next	使用 class .previous 把链接向左对齐，使用 .next 把链接向右对齐。	<ul class="pager"> <li class="previous"><a href="#">← Older</a></li> <li class="next"><a href="#">Newer →</a></li> </ul>
.disabled	添加该 class 来获得一个颜色变淡的外观。	<ul class="pager"> <li class="previous disabled"><a href="#">← Older</a></li> <li class="next"><a href="#">Newer →</a></li> </ul>

Class

描述

示例代码

.pager

添加该 class 来获得翻页链接。

<ul class="pager">
  <li><a href="#">Previous</a></li>
  <li><a href="#">Next</a></li>
</ul>

.previous, .next

使用 class .previous 把链接向左对齐，使用 .next 把链接向右对齐。

<ul class="pager">
  <li class="previous"><a href="#">&larr; Older</a></li>
  <li class="next"><a href="#">Newer &rarr;</a></li>
</ul>

.disabled

添加该 class 来获得一个颜色变淡的外观。

<ul class="pager">
  <li class="previous disabled"><a href="#">&larr; Older</a></li>
  <li class="next"><a href="#">Newer &rarr;</a></li>
</ul>

					
<ul class="pager">
	<li><a href="#">上一页</a></li>
	<li><a href="#">下一页</a></li>
</ul>

					
<ul class="pager">
	<li class="previous"><a href="#">上一页</a></li>
	<li class="next"><a href="#">下一页</a></li>
</ul>

					
<ul class="pager">
	<li class="previous"><a href="#">上一页</a></li>
	<li class="next disabled"><a href="#">下一页</a></li>
</ul>