解決easyui和bootstrap兼容問題


在使用bootstrap和easyui的時候,發現很多有沖突的地方,包括datagrid控件和combo等,以下進行的問題修正,保證easyui正常顯示

/*bootstrap兼容問題和easyui的bug*/
.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范圍內。

 

版本:

Bootstrap v3.1.1
EasyUI 1.3.4

源文鏈接:http://www.joleye.com/viewinfo-586.aspx


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM