使用现有样式表的应用程序的css框架

前端之家收集整理的这篇文章主要介绍了使用现有样式表的应用程序的css框架前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我建立一个chrome扩展,附加一个小部件的事情到gmail消息。当用户在gmail.com网站上时,它会显示在每个电子邮件下方(类似于gmail上下文小工具)。

我看了几个css框架,如twitter bootstrap在我的应用程序中使用。当我在mywidget中使用它时,它混乱了现有的gmail风格,因为css类名称clash。有没有任何其他框架,我可以使用哪里会没有名称冲突?我遇到了jquery-ui框架。这里所有的类名都以.ui- *开头,因此没有名字冲突。有没有任何其他css框架这样与独特的类名?

解决方法

更新2:这里是@ GFoley83提供的v3.1.1的 a gist

更新:下面加入的pastebin是Twitter Bootstrap 2.0.4版

你应该最终使用up-to-date version并自己编译。

这里是我用bootstrap less files

.tw-bs {
    @import "less/bootstrap.less";
}

这是结果:http://pastebin.com/vXgRNDSZ

Demo (jsfiddle)

如果你不喜欢tw-bs,你可以轻松地做一个find / replace,不应该有任何冲突。

猜你在找的CSS相关文章