解决easyui和bootstrap兼容问题

http://www.joleye.com/viewinfo-586.aspx

在使用bootstrap和easyui的时候，发现很多有冲突的地方，包括datagrid控件和combo等，以下进行的问题修正，保证easyui正常显示

 

 

CSS代码

/*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

 

最新评论

在当前页面上加上这个样式就可以了。

2015-2-6 12:45:14

OK

2015-1-27 17:48:04

这也没有说是在哪个CSS文件下改呀？

2015-1-5 16:46:44

这是在那里改呀？

2015-1-5 16:46:14

---

---

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

今天发现bootstrap和easyui的css类重复用了一个很笨的办法解决了，这种小事网上都不好搜啊。

我先引用的bootstrap后引用的easy UI，bootstrap的会被覆盖，boot的样式不正常就是难看了点，easy UI的有问题页面就直接不能看了，所以还的easy UI放后面，我又增加了个人mybootstrap.css，吧bootstrap被覆盖的重命名复制过去就互不冲突了。

比如：吧所有的panel替换成b-panel存到mybootstrap.css，引用的时候用b-panel

---

---

http://www.thinksaas.cn/group/topic/350209/

经过逐个查找，是几个最常见的标签产生了冲突，删除即可。列出如下：

body {
 font-family:"Helvetica Neue", Helvetica, Arial, sans-serif;
 font-size: 14px;
 line-height: 1.42857143;
 color: #333;
 background-color: #fff;
}
* {
 -webkit-box-sizing: border-box;
 -moz-box-sizing: border-box;
 box-sizing: border-box;
}
*:before,
*:after {
 -webkit-box-sizing: border-box;
 -moz-box-sizing: border-box;
 box-sizing: border-box;
}

h1,
.h1,
h2,
.h2,
h3,
.h3 {
 margin-top: 20px;
 margin-bottom: 10px;
}