How to solve the incompatibility problem between easyui and bootstrap

When I was working on a project, I encountered a situation where easyui and bootstrap were mixed. When using it, I discovered the problem of panel conflict and found a solution online:

[Related video recommendation: Bootstrap Tutorial]

When using bootstrap and easyui, I found many conflicts, including datagrid control and combo, etc. , the following problem corrections are made to ensure that easyui displays normally

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

   Copy after login

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;  
   }

   Copy after login

The basic principle is to restore the default settings in easyui. Let the scope of bootstrap not be within the scope of css defined by easyui control.

The above is the detailed content of How to solve the incompatibility problem between easyui and bootstrap. For more information, please follow other related articles on the PHP Chinese website!