bootstrap分页

Bootstrap 分页组件可以帮助我们实现数据分页展示，下面是一个基本的 Bootstrap 分页示例：

<nav aria-label="Page navigation">
  <ul class="pagination">
    <li class="page-item disabled">
      <a class="page-link" href="#" tabindex="-1" aria-disabled="true">Previous</a>
    </li>
    <li class="page-item active" aria-current="page">
      <a class="page-link" href="#">1 <span class="sr-only">(current)</span></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>
</nav>

上面的示例中，我们使用了 `pagination` 类来定义分页组件，`page-item` 类表示每个页码选项，`page-link` 类表示页码链接。其中，`disabled` 类表示当前页码不可用，`active` 类表示当前页码为选中状态。

如果需要设置分页组件的样式和大小，可以使用 `pagination-*` 类，例如 `pagination-lg` 表示大尺寸分页组件，`pagination-sm` 表示小尺寸分页组件。

需要注意的是，Bootstrap 分页组件只提供了基本的页码显示和切换功能，如果需要实现更复杂的功能（例如异步加载数据、跳转到指定页码等），需要自行编写 JavaScript 代码实现。