css - Bootstrap with DataTable 集成设计问题 PHP

Question

我正在使用最新版本的 twitter bootstrap v.3.1.1 ( http://getbootstrap.com/ ) 并将其与数据表 ( https://datatables.net/blog/Twitter_Bootstrap_2 ) 集成

文件及版本如下:

1. bootstrap.css - v.3.1.1
2. bootstrap.min.js - v.3.1.1
3. jquery.dataTables.js - v.1.9.4
4. DT_bootstrap.js - 未提供

如果我使用上面的文件，分页、搜索和排序都可以正常工作。但是设计被打乱了(即搜索框、页码等。在没有应用任何样式的情况下看起来很难看)。

如果我将 bootstrap.css-v.3.1.1 更改为 bootstrap.min.css-v.2.3.2，我可以克服设计问题，但我的页眉、页脚和其他设计正在崩溃。

当我分析 3.1.1 和 2.3.2 这两个 css 时 - 我开始知道 3.1.1 中缺少许多类文件。 据我所知，这样一个丢失的类文件是 .span6(还有更多)。

现在，如何解决设计问题或我应该在哪里找到更新的问题。

有人遇到过这个问题吗？

Answer 1

官方文档中有一个完整示例，说明如何将 Datatables 与 Bootstrap 3 结合使用: https://editor.datatables.net/release/DataTables/extras/Editor/examples/bootstrap.html