bootstrap 分页学习笔记

1.分页代码

<div class="container">
  <nav aria-label="Page navigation">
   <ul class="pagination">
    <li>
     <a href="#" aria-label="Previous">
       <span aria-hidden="true">&laquo;</span>
     </a>
    </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>
     <a href="#" aria-label="Next">
     <span aria-hidden="true">&raquo;</span>
     </a>
    </li>
   </ul>
  </nav>
 </div>

效果：

2.

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

效果：此时上一页、下一页会居中