如何解決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中文網其他相關文章！