自己写的CSS与使用的框架冲突如何解决呢？

Question

例如我自己有个css的文件叫做style.css，我的项目中也用到了Bootstrap框架，但是其中一些标签的定义有冲突、因为一开始的时候项目中用的是style.css，Bootstrap框架是后来引入到项目中的，那么有什么办法能够避免这种冲突呢？引入了Bootstrap框架后，原有的有些页面样式就不对了、

Answer 1

一般情况下，当你决定引入某个框架的时候，就需要以这个框架的样式表为主，并在此基础上做一些细节调整。换句话说，你的 style.css 恐怕得改改了。

当然，也可以考虑改 bootstrap 的源文件中的样式，但是不建议改结构，只改一些配色啊，边框效果啊之类的还是可以的，改结构可能引起布局混乱。

如果你需要在一个页面中不同的地方使用两个样式表，可以考虑按区域加个限定，当然这种情况下最好是改你自己的 style.css，把它在 bootstrap 的样式表之后引入，比如

原来的

a {}
.abcd {}

加个限定（同时需要在HTML中加个 DIV.mime 包起来（我写的LESS，方便看层次关系）

// less file
.mine {
    a {}
    .abce {}
}

Answer 2

我也遇到了这个问题，顺便记录一下解决方法：

1. 引入CSS文件：https://formden.com/static/as...

2. 使用bootstrap-iso容器把自己编写的Bootstrap代码包起来
   示例：

<div class="bootstrap-iso">这里是自己编写的bootstrap代码</div>