分页 - bootStrap4常用CSS笔记

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

 

分页示例：

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>

 

转载于:https://www.cnblogs.com/wm218/p/10856763.html