在使用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
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。