Bootstrap5 分页

最新推荐文章于 2024-09-10 06:15:30 发布

U8_a12332

最新推荐文章于 2024-09-10 06:15:30 发布

阅读量99

点赞数 2

文章标签： javascript 前端开发语言

本文链接：https://blog.csdn.net/U8_a12332/article/details/141401973

版权

Bootstrap5 分页

网页开发过程，如果碰到内容过多，一般都会做分页处理。

Bootstrap 5 可以很简单的实现分页效果。

要创建一个基本的分页可以在 <ul> 元素上添加 .pagination 类。然后在 <li> 元素上添加 .page-item 类，<li> 元素的 <a> 标签上添加 .page-link 类:

实例

<ul class="pagination"> <li class="page-item"><a class="page-link" href="#">Previous</a></li> <li class="page-item"><a class="page-link" href="#">1</a></li> <li class="page-item"><a class="page-link" href="#">2</a></li> <li class="page-item"><a class="page-link" href="#">3</a></li> <li class="page-item"><a class="page-link" href="#">Next</a></li> </ul>