如何解决引导类名冲突

Question

我们得到了一个由客户交给我们的项目。在这38个屏幕将由我们开发，事情是他们已经开发了几个屏幕（超过20），并交给我们。该应用程序是混合移动应用程序，单页（使用角度）和科尔多瓦。因此，他们did not use any framework like bootstrap开发他们已经开发的网页之前处理它给我们。 还有一点需要注意的是，由于我们必须使用angular，所有的css文件都会被缩小为一个文件。和they used the class names like row in their project, which are conflicting with the names in the bootstrap。 但是拼命想要使用引导程序，有没有什么办法可以使用引导程序而不会与已经开发的类名冲突，或者简单地说，我们不想在css中修改旧的类，在单页面环境中 。欢迎任何建议。

Answer 1

是的，有一种解决方案，isolating Bootstrap CSS。

的想法是编辑引导LESS文件，啃添加类的每一个元素之前（假设bootstrap-iso）和使用引导缠绕这样

<div class="bootstrap-iso"> 
    <!-- Any HTML here will be styled with Bootstrap CSS --> 
</div> 

好消息是你不需要紧缩并更改：Here is link of crunched css file

获取此文件，链接到您的网站并使用像上面一样环绕。希望这会对你有所帮助。

Reference, Learn More