Bootstrap之分页栏

原创已于 2022-04-20 19:20:11 修改 · 512 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#bootstrap

于 2022-04-20 19:06:54 首次发布

bootstrap 专栏收录该内容

4 篇文章

订阅专栏

本文介绍了在Bootstrap中如何使用分页栏进行数据分页，特别是在数据量较大时的场景。通过示例代码展示了分页栏的使用，并提到了pagination-lg类用于调整分页栏的大小。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

一、分页栏

当数据过多的时候会用到分页栏
代码如下（示例）：
在这里插入图片描述

    <div class="pagination pagination-lg  justify-content-center">
        <li class="page-item active"><a href="" class="page-link">&laquo;</a></li>
        <li class="page-item disabled"><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">&raquo;</a></li>
   </div>