码迷,mamicode.com
首页 > 其他好文 > 详细

解决easyui和bootstrap兼容问题

时间:2015-09-26 22:27:48      阅读:546      评论: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
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!