如何在bootstrap中自定义数据表

Question

我在我的bootstrap管理面板中使用数据表。现在我想自定义它但无法找到它的文件和代码。

<div class="row-fluid">
  <div class="span6">
    <div id="DataTables_Table_0_length" class="dataTables_length">
      <label>
        <select name="DataTables_Table_0_length" size="1" aria-controls="DataTables_Table_0">
          <option value="10" selected="selected">10</option><option value="25">25</option>
          <option value="50">50</option><option value="100">100</option>
        </select> records per page
      </label>
    </div>
  </div>
  <div class="span6">
    <div class="dataTables_filter" id="DataTables_Table_0_filter">
      <label>Search: <input type="text" aria-controls="DataTables_Table_0"></label>
    </div>
  </div>
</div>

我从firebug获得了上面的代码，在哪里可以找到这些div。我想在搜索div中添加float，以便它可以正确对齐表

Answer 1

搜索div为.dataTables_filter，您可以在css中为此类添加必要的样式（如float:right）