如何解决easyui和bootstrap不兼容的问题
来源:动视网
责编:小采
时间:2020-11-27 20:13:32
如何解决easyui和bootstrap不兼容的问题
如何解决easyui和bootstrap不兼容的问题:在做项目时遇到easyui跟bootstrap混用的情况,使用时发现了面板冲突的问题,在网上找到了解决办法:【相关视频推荐:Bootstrap教程】在使用bootstrap和easyui的时候,发现很多有冲突的地方,包括datagrid控件和combo等,以下进行的问题修正,保证eas
导读如何解决easyui和bootstrap不兼容的问题:在做项目时遇到easyui跟bootstrap混用的情况,使用时发现了面板冲突的问题,在网上找到了解决办法:【相关视频推荐:Bootstrap教程】在使用bootstrap和easyui的时候,发现很多有冲突的地方,包括datagrid控件和combo等,以下进行的问题修正,保证eas

在做项目时遇到easyui跟bootstrap混用的情况,使用时发现了面板冲突的问题,在网上找到了解决办法:
【相关视频推荐:Bootstrap教程】
在使用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范围内。
如何解决easyui和bootstrap不兼容的问题
如何解决easyui和bootstrap不兼容的问题:在做项目时遇到easyui跟bootstrap混用的情况,使用时发现了面板冲突的问题,在网上找到了解决办法:【相关视频推荐:Bootstrap教程】在使用bootstrap和easyui的时候,发现很多有冲突的地方,包括datagrid控件和combo等,以下进行的问题修正,保证eas