如何解决引导类名称冲突[关闭]答案

【问题标题】：How to get around with conflict of bootstrap class names [closed]如何解决引导类名称冲突[关闭]
【发布时间】：2016-02-22 14:02:33
【问题描述】：

我们有一个项目由客户交给我们。话说我们要开发38块屏幕，问题是他们之前已经开发了好几块屏幕（20多块）交给我们了。该应用是混合移动应用、单页（使用角度）和cordova。所以问题是他们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。 但是很想用bootstrap，有没有什么办法可以使用bootstrap而不和他们已经开发的类名冲突，或者简单地说，我们不想修改他们在css中的旧类，在单页环境中。欢迎任何建议。

【问题讨论】：

标签： css angularjs twitter-bootstrap cordova

【解决方案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

【讨论】：