解決bootstrap和easyUI部分css類沖突問題。


今天發現bootstrap和easyui的css類重復用了一個很笨的辦法解決了,這種小事網上都不好搜啊。

我先引用的bootstrap后引用的easy UI,bootstrap的會被覆蓋,boot的樣式不正常就是難看了點,easy UI的有問題頁面就直接不能看了,所以還的easy UI放后面,我又增加了個人mybootstrap.css,吧bootstrap被覆蓋的重命名復制過去就互不沖突了。

比如:吧所有的panel替換成b-panel存到mybootstrap.css,引用的時候用b-panel

.b-panel {
  margin-bottom: 20px;
  background-color: #fff;
  border: 1px solid transparent;
  border-radius: 4px;
  -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, .05);
          box-shadow: 0 1px 1px rgba(0, 0, 0, .05);
}
.b-panel-body {
  padding: 15px;
}
.b-panel-heading {
  padding: 10px 15px;
  border-bottom: 1px solid transparent;
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
}
.b-panel-heading > .dropdown .dropdown-toggle {
  color: inherit;
}
.b-panel-title {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 16px;
  color: inherit;
下面還很長,吧整個與Panel相關的都復制過來了,同意Ctrl+F替換

 其實還有其他位置沖突,我就用到這一塊,用到其他地方的時候再弄


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM