首頁 > web前端 > js教程 > 如何解決easyui和bootstrap不相容的問題

如何解決easyui和bootstrap不相容的問題

PHPz
發布: 2018-10-13 16:55:47
原創
3085 人瀏覽過

在做專案時遇到easyui跟bootstrap混用的情況,使用時發現了面板衝突的問題,在網路上找到了解決方法:

【相關影片推薦:Bootstrap教學

在使用bootstrap和easyui的時候,發現很多有衝突的地方,包括datagrid控制項和combo等,以下進行的問題修正,保證easyui正常顯示

  1. /*bootstrap兼容问题和easyui的bug*/
    登入後複製
  2. .panel-header, .panel-body {  
    border-width: 0px;  
    }  
    .datagrid,.combo-p{  
    border:solid 1px #D4D4D4;  
    }  
    .datagrid *{  
    -webkit-box-sizing: content-box;  
    -moz-box-sizing: content-box;  
    box-sizing: content-box;  
    }
    登入後複製
##基本原理就是還原easyui中的預設設置,讓bootstrap的作用域不在easyui控制項定義的css範圍內。

以上是如何解決easyui和bootstrap不相容的問題的詳細內容。更多資訊請關注PHP中文網其他相關文章!

相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板