首页 > 其他 > 详细

解决easyui和bootstrap兼容问题

时间:2015-09-26 22:27:27      阅读:418      评论:0      收藏:0      [点我收藏+]

http://www.joleye.com/viewinfo-586.aspx

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

 
 
CSS代码
  1. /*bootstrap兼容问题和easyui的bug*/  
  2. .panel-header, .panel-body {  
  3. border-width: 0px;  
  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
 

解决easyui和bootstrap兼容问题

原文:http://www.cnblogs.com/zkwarrior/p/4841386.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!