easyuiとbootstrapの間の非互換性の問題を解決する方法

あるプロジェクトに取り組んでいたとき、easyui と bootstrap を混合して使用していたときに、パネルの競合の問題を発見し、オンラインで解決策を見つけました:

[関連ビデオの推奨: Bootstrap]チュートリアル]

ブートストラップとeasyuiを使用すると、データグリッドコントロールやコンボなどを含む多くの競合が見つかりました。次の問題を修正することで、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 を復元するには デフォルト設定では、ブートストラップのスコープは easyui コントロールで定義された CSS のスコープ内にありません。

以上がeasyuiとbootstrapの間の非互換性の問題を解決する方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。