解決easyui和bootstrap兼容問題


工作中遇到的問題,保存一下

 

今天發現bootstrap和easyui的css類重復用了一個很笨的辦法解決了,這種小事網上都不好搜啊。

我先引用的bootstrap后引用的easy UI,bootstrap的會被覆蓋,boot的樣式不正常就是難看了點,easy UI的有問題頁面就直接不能看了,所以還的easy UI放后面,我又增加了個人mybootstrap.css,吧bootstrap被覆蓋的重命名復制過去就互不沖突了。

比如:吧所有的panel替換成b-panel存到mybootstrap.css,引用的時候用b-panel

來源:http://www.th7.cn/web/html-css/201508/117337.shtml

 

 

在使用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所有的布局都在layout下面*/

.easyui-layout *{-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.th7.cn/web/html-css/201406/40201.shtml

 


免責聲明!

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



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