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

Question

我正在构建一个 chrome 扩展程序，它将类似小部件的东西附加到 gmail 邮件中。当用户访问 gmail.com 网站时，它会出现在每封电子邮件下方(类似于 gmail 上下文小工具)。

我查看了几个 css 框架，如 twitter bootstrap，以便在我的应用程序中使用。当我在 mywidget 中使用它时，由于 css 类名冲突，它与现有的 gmail 样式混淆了。在没有名称冲突的情况下，我可以使用任何其他框架吗？我遇到了 jquery-ui 框架。这里所有的类名都以 .ui-* 开头，因此不会导致名称冲突。是否有任何其他像这样具有唯一类名的 css 框架？

Answer 1

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

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

您应该明确使用 up-to-date version并自己编译。

---

这是我对 Bootstrap 所做的 less files :

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

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

Demo (jsfiddle)

如果您不喜欢tw-bs，您可以轻松地进行查找/替换，应该不会有任何冲突。