bootstrap 分页组件怎么手动指定页码和总数

在 Bootstrap 的分页组件中，没有直接提供手动指定页码和总数的选项。但你可以通过编写一些自定义的 JavaScript 代码来实现手动指定页码和总数的功能。

下面是一个示例，演示如何使用 Bootstrap 分页组件手动指定页码和总数：

<div id="pagination" class="pagination"></div>

<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
<script>
  $(document).ready(function() {
    var totalPages = 10; // 总页数
    var currentPage = 5; // 当前页码

    // 生成分页链接
    function generatePagination() {
      var paginationHTML = '';
      paginationHTML += '<li class="page-item"><a class="page-link" href="#">Previous</a></li>';

      for (var i = 1; i <= totalPages; i++) {
        if (i === currentPage) {
          paginationHTML += '<li class="page-item active"><a class="page-link" href="#">' + i + '</a></li>';
        } else {
          paginationHTML += '<li class="page-item"><a class="page-link" href="#">' + i + '</a></li>';
        }
      }

      paginationHTML += '<li class="page-item"><a class="page-link" href="#">Next</a></li>';

      $('#pagination').html(paginationHTML);
    }

    // 初始化分页
    generatePagination();

    // 更新分页
    function updatePagination(total, current) {
      totalPages = total;
      currentPage = current;
      generatePagination();
    }

    // 示例：手动更新分页为 15 页，当前页码为第 8 页
    setTimeout(function() {
      updatePagination(15, 8);
    }, 3000);
  });
</script>

在上述代码中，我们使用了 jQuery 库和 Bootstrap 样式。通过 `generatePagination()` 函数生成分页链接，并在 `updatePagination()` 函数中更新总页数和当前页码，并重新生成分页链接。

上述示例代码仅为演示手动指定页码和总数的方法，你可以根据具体需求进行相应的修改和扩展。

希望对你有帮助，如果还有其他问题，请随时提问。