26.Bootstrap(中文教程)元件：Pagination:分页器

ㄧ.导栏列位置固定

<div id="demo" class="component container">  <ul class="pagination pagination-sm">    <li class="page-item disabled"><a href="#" class="page-link">前进</a></li>    <li class="page-item active"><a href="#" class="page-link">1</a></li>    <li class="page-item"><a href="#" class="page-link">2</a></li>    <li class="page-item"><a href="#" class="page-link">3</a></li>    <li class="page-item"><a href="#" class="page-link">后退</a></li>  </ul></div>.demo.component{  padding: 50px;}

重点：

1.ul.pagination为分页器最外层的结构
2.li.page-item为分页器类别
3.a.page-link为分页气的a连结
4. .disabled为禁用按钮
5. .active为目前的页数

codepen
参考：bootstrap4