解决bootstrap和easyUI部分css类冲突问题。

时间：2022-04-25 11:31:38

今天发现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:;

  margin-bottom:;

  font-size: 16px;

  color: inherit;

下面还很长，吧整个与Panel相关的都复制过来了，同意Ctrl+F替换

其实还有其他位置冲突，我就用到这一块，用到其他地方的时候再弄

相关文章