如何解决ExtJS 3和Twitter Bootstrap之间的CSS冲突？

Question

我们的应用程序是使用ExtJS 3开发的。现在我们开始使用Twitter Bootstrap进行重构。不幸的是，由于样式中的名称冲突，这两个漂亮的库无法共存。 据我所知，在ExtJS 4中有几种解决方案可以解决这个问题。但是旧的第3版呢？

Answer 1

我怀疑你会看到来自Sencha的解决方案，因为对v3的支持很快就会被删除（v5刚刚问世）。此外，bootstrap和extjs不仅与样式名称冲突，而且都希望指导页面布局。您可能已经发现，Ext 4+包含ext-all-scoped.css，可用于防止重叠名称。 （甚至还有一些工作要做）。

因此，您必须自己手动处理每个冲突，或者必须升级Ext版本。 （不幸的是，从分机3到分机4是很重要的工作......）