Bootstrap的分页插件怎么使用

要使用Bootstrap的分页插件，需要先引入Bootstrap的CSS和JS文件。然后，在HTML页面中添加一个分页的DOM元素，比如：

<nav aria-label="Page navigation">
  <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>
</nav>

其中 `ul` 元素的 `class` 属性设置为 `pagination`，表示这是一个分页控件。`li` 元素表示每一页，`a` 元素表示页面链接。

接下来，通过JavaScript代码初始化分页插件：

$(document).ready(function() {
  $('#pagination').bootstrapPaginator({
    currentPage: 1,
    totalPages: 10,
    size: 'small',
    onPageClicked: function(event, originalEvent, type, page) {
      // 点击分页按钮时触发的回调函数
    }
  });
});

其中 `#pagination` 是分页控件的ID，`currentPage` 表示当前页码，`totalPages` 表示总共有多少页，`size` 表示控件大小，`onPageClicked` 是点击分页按钮时触发的回调函数。

这样就可以使用Bootstrap的分页插件了。