解决easyui和bootstrap兼容问题

发布时间：2020-12-17 21:08:36 所属栏目：安全来源：网络整理

导读：在使用bootstrap和easyui的时候，发现很多有冲突的地方，包括datagrid控件和combo等，以下进行的问题修正，保证easyui正常显示 /*bootstrap兼容问题和easyui的bug*/ ?? .panel-header,?.panel-body?{?? border-width :? 0px ;?? }?? .datagrid,.combo-p{?? b

在使用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

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!