Bootstrap升级似乎导致数据表搜索过滤器

Question

我正在开发一个ASP.NET MVC项目，该项目需要大量的前端javascript库，而且并非所有这些项目都可以很好地协同工作。

我的一个队友在一个周末将我们的项目从Twitter Bootstrap v2.X升级到v3.3.5，我们的DataTables现在有一个尴尬的问题，搜索适配器显示在另一行的左侧，即使我指定的sDom清楚地表明它应该显示在第一行并且理想地与右边对齐。

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

以前，sDom看起来像这样：

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

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

我推断这很可能是由Bootstrap升级造成的，因此我将JQuery UI更新为1.11.4，它附带了更新的JQuery 1.11.3，我还将DataTables本身更新为1.10.9。有趣的是，关于我的搜索过滤器几乎没有任何改变。事实上，对于sDom几乎我什么都不做似乎改变了数据表标题。

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

是否有其他人遇到此问题或类似问题，您可以指导我接下来采取哪些建议或疑难解答步骤？

Answer 1

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

  

DataTables支持的样式库将覆盖 <spring:bean class="org.springframework.beans.factory.config.PropertyPlaceholderConfigurer"> <spring:property name="locations"> <spring:value>classpath:mule/service.properties</spring:value> </spring:property> <spring:property name="properties"> <spring:value>propertiesFromDataSource</spring:value> </spring:property> </spring:bean> 参数的默认值，并将其替换为适合其布局系统的值。例如，Bootstrap集成使用Bootstrap的网格布局。

     

样式集成的默认值为：

     

自举：

dom