工作中遇到的問題,保存一下
今天發現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