bootstrap.css和esayUi.css样式冲突的解决
2015-09-25 22:50
399 查看
在使用bootstrap和easyui的时候,发现很多有冲突的地方,包括datagrid控件和combo等,以下进行的问题修正,保证easyui正常显示
原理就是还原easyui中的默认设置,让bootstrap的作用域不在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;
}
http://www.kqiqi.com/knowledge/program/1156.html
啊啊啊啊明明百度一下就能解决的问题啊!!一个项目组整整四个人改了一下午加一晚上啊!!!
原理就是还原easyui中的默认设置,让bootstrap的作用域不在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;
}
http://www.kqiqi.com/knowledge/program/1156.html
啊啊啊啊明明百度一下就能解决的问题啊!!一个项目组整整四个人改了一下午加一晚上啊!!!
相关文章推荐
- 从 Bootstrap 2.x 版本升级到 3.0 版本
- BootStrap - FileUpload美化样式
- Bootstrap JavaScript 插件概览
- bootstrap3 文件上传插件fileinput中文说明文档
- ASP.NET MVC Bootstrap极速开发框架
- bootstrap初接触
- 基于jquery,bootstrap数据验证插件bootstrapValidator 教程
- Bootstrap之Carousel不能自动播放的解决办法,支持左右滑动手势
- bootstrap modal 弹窗 数据清除
- bootstrap datetimepicker 插件语言选择
- Bootstrap例子——下拉菜单
- 为bootstrap的tab增加请求操作
- Bootstrap JQuery wizard steps流程插件
- bootstrap编码规范
- bootstrap collaspe
- bootstrap table使用小记
- Bootstrap Table的例子(转载)
- 免费的Bootstrap管理后台模板集合
- 对bootstrap中confirm alert进行封装
- Bootstrap例子1——Hello world