Bootstrap 4 如何更改引导表分页器的位置？

我正在使用源CSS。我想将文本和页面大小从表的底部移动到顶部，如下所示。这是一个例子

显示每页159行[20]行中的1到20行`

看看上面的代码

移动此div的位置：

<div class="float-left pagination-detail">
      <span class="pagination-info">
      Showing 1 to 10 of 800 rows
      </span><span class="page-list"><span class="btn-group dropdown dropup">
        <button class="btn btn-secondary dropdown-toggle" type="button" data-toggle="dropdown">
        <span class="page-size">
        10
        </span>
        <span class="caret"></span>
        </button>
        <div class="dropdown-menu"><a class="dropdown-item active" href="#">10</a><a class="dropdown-item " href="#">25</a><a class="dropdown-item " href="#">50</a><a class="dropdown-item " href="#">100</a><a class="dropdown-item " href="#">All</a></div></span> rows per page</span></div>

显示800行中的1到10行
10
每页行数

将其移动到以下位置：

<div class="bs-bars float-left"><div id="toolbar">
  <button id="remove" class="btn btn-danger" disabled="">
    <i class="glyphicon glyphicon-remove"></i> Delete
  </button>
</div></div>

删除

而不是它的原始位置，它在

内。

查看屏幕上的代码

移动此div的位置：

<div class="float-left pagination-detail">
      <span class="pagination-info">
      Showing 1 to 10 of 800 rows
      </span><span class="page-list"><span class="btn-group dropdown dropup">
        <button class="btn btn-secondary dropdown-toggle" type="button" data-toggle="dropdown">
        <span class="page-size">
        10
        </span>
        <span class="caret"></span>
        </button>
        <div class="dropdown-menu"><a class="dropdown-item active" href="#">10</a><a class="dropdown-item " href="#">25</a><a class="dropdown-item " href="#">50</a><a class="dropdown-item " href="#">100</a><a class="dropdown-item " href="#">All</a></div></span> rows per page</span></div>

显示800行中的1到10行
10
每页行数

将其移动到以下位置：

<div class="bs-bars float-left"><div id="toolbar">
  <button id="remove" class="btn btn-danger" disabled="">
    <i class="glyphicon glyphicon-remove"></i> Delete
  </button>
</div></div>

删除

---

而不是它原来的位置，它在

。

谢谢你，但这不是我想要的答案。我在询问如何更改CSS设置。我问你如何将其更改为选项，因为导入表类时它会自动导入函数。谢谢，但这不是我想要的答案。我在询问如何更改CSS设置。我问您如何将其更改为选项，因为当您导入表类时，它会自动导入函数。