第一、基本的分页：
<ul class="pagination">
<li><a href="#">«</a></li>
<li><a href="#">1</a></li>
<li><a href="#">2</a></li>
<li><a href="#">3</a></li>
<li><a href="#">»</a></li>
</ul>
第二、不可点击页面和当前页面的显示：
<ul class="pagination">
<li><a href="#">«</a></li>
<li class="disabled"><a href="#">1</a></li>
<li class="active"><a href="#">2</a><li>
<li><a href="#">3</a></li>
<li><a href="#">»</a></li>
</ul>
第三、分页样式从大到小的显示：
<ul class="pagination pagination-lg">
<li><a href="#">«</a></li>
<li class="disabled"><a href="#">1</a></li>
<li class="active"><a href="#">2</a><li>
<li><a href="#">3</a></li>
<li><a href="#">»</a></li>
</ul>
<ul class="pagination">
<li><a href="#">«</a></li>
<li><a href="#">1</a></li>
<li ><a href="#">2</a><li>
<li><a href="#">3</a></li>
<li><a href="#">»</a></li>
</ul>
<ul class="pagination pagination-sm">
<li><a href="#">«</a></li>
<li><a href="#">1</a></li>
<li><a href="#">2</a><li>
<li><a href="#">3</a></li>
<li><a href="#">»</a></li>
</ul>
第四、基本的翻页：
<ul class="pager">
<li><a href="#">previous</a></li>
<li><a href="#">next</a></li>
</ul>
第五、基本分页的左右对齐和不可用的设置：
<ul class="pager">
<li class="previous disabled"><a href="#">← previous</a></li>
<li class="next"><a href="#">next →</a></li>
</ul>
效果图如下：
