.pagination 定义分类容器类,一般使用ul来定义：<ul class="pagination"></ul>
.pagination-{lg|sm} 定义页码大小
.page-item 页码容器类，一般使用li来定义：<li class="page-item">...
.page-link 定义分页连接
.active 高亮显示该页码，深蓝色背景，白字
.disabled 禁用该页码，不可点击状态

 

分页示例：

SRE实战 互联网时代守护先锋，助力企业售后服务体系运筹帷幄！一键直达领取阿里云限量特价优惠。 
1     <ul class="pagination pagination-lg">
2         <li class="page-item active"><a href="#" class="page-link">前一页</a></li>
3       <li class="page-item"><a href="#" class="page-link">1</a></li>
4       <li class="page-item disabled"><a href="#" class="page-link">2</a></li>
5       <li class="page-item"><a href="#" class="page-link">3</a></li>
6       <li class="page-item"><a href="#" class="page-link">下一页</a></li>
7     </ul>

 

扫码关注我们
微信号：SRE实战
拒绝背锅 运筹帷幄