如何解决bootstrap类名冲突

时间:2015-11-20 06:53:08

标签: css angularjs twitter-bootstrap cordova

我们有一个项目由客户交给我们。在那里说我们要开发38个屏幕,事情是他们已经开发了几个屏幕(超过20个)并交给我们。该应用是混合移动应用,单页(使用角度)和 cordova 。所以问题是他们{p1,p2,p3}在处理它们之前开发他们开发的页面。 另外需要注意的是,因为我们必须使用angular,所有css文件将被缩小为单个文件。并did not use any framework like bootstrap但是迫切想要使用bootstrap,有没有什么方法可以使用bootstrap而不会冲突他们已经开发的类名,或者简单地说,我们不想在css中修改他们的旧类在单页环境中。欢迎任何建议。

1 个答案:

答案 0 :(得分:2)

是的,有一个解决方案,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