如何解决easyui和bootstrap不兼容的问题

在做项目时遇到easyui跟bootstrap混用的情况，使用时发现了面板冲突的问题，在网上找到了解决办法：

【相关视频推荐：Bootstrap教程】

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

1. /*bootstrap兼容问题和easyui的bug*/

   登录后复制

2. .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不兼容的问题的详细内容。更多信息请关注PHP中文网其他相关文章！