分页 - 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>