bootstrap实现分页列表

Bootstrap 是一个流行的前端开发框架，它提供了许多易于使用和美观的组件，其中包括分页列表。Bootstrap 实现分页列表的方式是通过 `pagination` 组件。下面是实现分页列表的步骤：

1. 在 HTML 中添加 `ul` 标签，并添加 `pagination` 和 `page-item` 类。

<ul class="pagination">
  <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>
</ul>

2. 添加 `disabled` 和 `active` 类以指示当前页。

<ul class="pagination">
  <li class="page-item disabled"><a class="page-link" href="#">Previous</a></li>
  <li class="page-item active"><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>

3. 使用 JavaScript 或后端语言（如 PHP）生成页码并将其插入到 `pagination` 组件中。