解决easyui和bootstrap兼容问题

工作中遇到的问题，保存一下

 

今天发现bootstrap和easyui的css类重复用了一个很笨的办法解决了，这种小事网上都不好搜啊。

我先引用的bootstrap后引用的easy UI，bootstrap的会被覆盖，boot的样式不正常就是难看了点，easy UI的有问题页面就直接不能看了，所以还的easy UI放后面，我又增加了个人mybootstrap.css，吧bootstrap被覆盖的重命名复制过去就互不冲突了。

比如：吧所有的panel替换成b-panel存到mybootstrap.css，引用的时候用b-panel

来源：http://www.th7.cn/web/html-css/201508/117337.shtml

 

 

在使用bootstrap和easyui的时候，发现很多有冲突的地方，包括datagrid控件和combo等，以下进行的问题修正，保证easyui正常显示
/*bootstrap兼容问题和easyui的bug*/

.panel-header, .panel-body {border-width: 0px;}

.datagrid,.combo-p{border:solid 1px #D4D4D4;}

.datagrid *{-webkit-box-sizing: content-box;-moz-box-sizing: content-box;box-sizing: content-box;}

/*我的添加：添加下面这个更好，所有的easyui所有的布局都在layout下面*/

.easyui-layout *{-webkit-box-sizing: content-box;-moz-box-sizing: content-box;box-sizing: content-box;}

基本原理就是还原easyui中的默认设置，让bootstrap的作用域不在easyui控件定义的css范围内。

版本：
Bootstrap v3.1.1
EasyUI 1.3.4

来源：http://www.th7.cn/web/html-css/201406/40201.shtml