BootStrap分页

<nav>元素作为标注一个导航的链接区域。增强语义化。

普通类型的分页：使用pagination，有pagination-lg、pagination-sm等改变大小的方法

<nav>
  <ul class="pagination">
    <li>
      <a href="#" >
        <span >&laquo;</span>
     
    </li>
    <li><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>
      
        <span aria-hidden="true">&raquo;</span>
      </a>
    </li>
  </ul>

</nav>

翻页:pager

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

</nav>

有previous、next，分别为把链接向左对齐和向右对齐

disabled：禁用

    <li class="previous"><a href="#"><span aria-hidden="true">&larr;</span> 上一页</a></li>
    <li class="next"><a href="#">下一页 <span aria-hidden="true">&rarr;</span></a></li>
    <li class="disabled"><a href="#">下一页 <span aria-hidden="true">&rarr;</span></a></li>