Javascript 引导升级似乎导致Datatables搜索筛选器出现奇怪的定位问题

我正在从事一个ASP.NETMVC项目，该项目需要大量的前端javascript库，但并不是所有这些库都能很好地协同工作

我的一位队友在一个周末内将我们的项目从Twitter Bootstrap v2.X升级到了v3.3.5，现在我们的团队遇到了一个棘手的问题，即搜索筛选显示在另一行的左侧，尽管我指定的sDom明确指出它应该显示在第一行，并且最好与右侧对齐

var sDomGrid = '<"row" <l><f><r>>t<"row" <i><p>>';

var-sDomGrid='t'；

以前，sDom是这样的：

var sDomGrid = "<'row'<'span6'l><'span6'f>r>t<'row'<'span6'i><'span6'p>>";

var sDomGrid=“t”；

在任何一种情况下，DataTable搜索筛选器都显示如下：

我推断这很可能是由引导升级引起的，因此我将jQueryUI更新为1.11.4，这与更新的jQuery1.11.3一起提供，并且我还将DataTables本身更新为1.10.9。有趣的是，我的搜索过滤器几乎没有什么变化。事实上，我对sDom所做的任何事情似乎都不会改变datatable头

我尝试过清除所有缓存，检查Chrome中开发人员控制台中的元素以发现麻烦的css，javascript调试以查看是否在某个时候被覆盖，并且几乎耗尽了互联网，没有发现任何具有类似问题的人

---

是否有其他人遇到过此问题或类似问题，您能告诉我下一步的建议或故障排除步骤吗？

Bootstrap 3需要选项中的特定字符串，有关详细信息，请参阅部分

DataTables支持的样式库将覆盖

dom

参数的默认值，并将其替换为适合其布局系统的值。例如，引导集成利用引导的网格布局

样式集成的默认设置为：

引导：

“dom”：+
"" +
""

---

你必须更具体，即创建一个复制行为的小提琴

dom:'t'

不会将搜索框向左对齐，bootstrap 3.3.5也不会移动动态创建的dataTables控件。