如何让ExtJS 4.1.1搞乱Twitter Bootstrap 2.2.1布局呢？

Question

我真的不喜欢ExtJS,但我不得不使用它.我想使用Twitter Bootstrap 2.2.1作为主要布局,使用ExtJS作为网格和JS(策略).

我有一个很棒的Bootstrap设计,但是当我加载ExtJS,导航栏,字体等等时,所有这些设备都被淹没了.

有没有办法我可以让两个人一起工作而不需要进入ExtJS并调整大量的CSS？

我正在使用的CSS文件位于以下路径中(对于ExtJS):

js/extjs/4.1.1/resources/css/ext-all-gray.css

谢谢

Answer 1

这是我的解决方案：
1.使用 ext-all-scoped.css 而不是 ext-all.css
2.在加载 ext-all.js 之前添加以下代码

<script type='text/javascript'>
Ext = {
    buildSettings:{
        "scopeResetCSS": true
    }
};
</script>
<script type='text/javascript' src='http://xxx.com/extjs/ext-all.js'></script>

3.删除 ext-all-scoped.css 中的以下声明，以防止 extjs 在加载 bootstrap 后重新渲染具有冲突 css 声明的正文

.x-body {
   ...
}