解决easyui和bootstrap兼容问题

在做项目时遇到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范围内。

猜你喜欢

转载自blog.csdn.net/maylead/article/details/77892197