在使用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中的默认设置,让bootstrap的作用域不在easyui控件定义的css范围内。
版本:
Bootstrap v3.1.1
EasyUI 1.3.4