微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

解决easyui和bootstrap兼容问题

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


  1. /*bootstrap兼容问题和easyui的bug*/  
  2. .panel-header, .panel-body {  
  3. border-width0px;  
  4. }  
  5. .datagrid,.combo-p{  
  6. border:solid 1px #D4D4D4;  
  7. }  
  8. .datagrid *{  
  9. -webkit-Box-sizing: content-Box;  
  10. -moz-Box-sizing: content-Box;  
  11. Box-sizing: content-Box;  
  12. }  
基本原理就是还原easyui中的认设置,让bootstrap的作用域不在easyui控件定义的css范围内。
 
版本:
Bootstrap v3.1.1
EasyUI 1.3.4

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

相关推荐