解决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

相关文章

Bootstrip HTML 查询搜索常用格式模版 <form class=&...
如何在按钮上加红色数字 您可以使用Bootstrap的badge组件来在...
要让两个按钮左右排列,你可以使用 Bootstrap 的网格系统将它...
是的,可以将status设置为布尔类型,这样可以在前端使用复选...
前端工程师一般用的是Bootstrap的框架而不是样式,样式一般自...
起步导入:<linkrel="stylesheet"href="b...