如何更改引导表分页器的位置?

Question

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

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

Answer 1

查看 https://live.bootstrap-table.com/example/welcome.html 上的代码

移动此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>

在以下位置移动它：

<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 class="fixed-table-pagination">...</div>内部