数据表 向左移动 "Previous" & "Next"

Question

我正在为我的网站使用 DataTables with Bootstrap。我深入研究了 datatables.css 的代码，但找不到如何将上一个和下一个按钮移到左侧。

我试过 float:left 但没有任何改变。

Answer 1

HTML 按钮代码

<div class="btns">
<span class="fa fa-angle-left" aria-hidden="true"></span>
<span class="sr-only">Previous</span>
<span class="fa fa-angle-right" aria-hidden="true"></span>
<span class="sr-only">Next</span>
</div>

应用css

.btn.btn-primary {background: #444 none repeat scroll 0 0;border-color: #333333;}
.btn {border-radius: 3px;border-width: 0 0 3px;}
.sr-only {border: 0 none;clip: rect(0px, 0px, 0px, 0px);height: 1px;margin: -1px;overflow: hidden;padding: 0;position: absolute;width: 1px;}

Answer 2

您需要 select 在 CSS 中正确分页 div:

.dataTables_wrapper .dataTables_paginate {
    float: left;
}

请参阅 JSFiddle 进行演示。