So lösen Sie das Inkompatibilitätsproblem zwischen easyui und Bootstrap

Als ich an einem Projekt arbeitete, stieß ich auf die gemischte Verwendung von easyui und Bootstrap. Bei der Verwendung entdeckte ich das Problem des Panelkonflikts und fand online eine Lösung:

[Verwandte Videoempfehlungen: Bootstrap-Tutorial]

Bei der Verwendung von Bootstrap und EasyUI habe ich viele Konflikte festgestellt, einschließlich der Datengittersteuerung und Combo usw. werden die folgenden Problemkorrekturen vorgenommen, um sicherzustellen, dass easyui normal angezeigt wird

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

   Nach dem Login kopieren

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

   Nach dem Login kopieren

Das Grundprinzip besteht darin, easyui wiederherzustellen. Die Standardeinstellung sorgt dafür, dass der Bootstrap-Bereich nicht innerhalb des durch die easyui-Steuerung definierten CSS-Bereichs liegt.

Das obige ist der detaillierte Inhalt vonSo lösen Sie das Inkompatibilitätsproblem zwischen easyui und Bootstrap. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!