twitter-bootstrap - 旧版 CSS 与 Bootstrap 冲突 - 如何解决？

Question

我是 Bootstrap 的新手，所以这对你们来说可能是一个天真的问题。但我敢肯定，其他人也有或将有类似的问题，所以就这样吧。

我正在为一个已经存在了很长一段时间并经过多年发展的网站实现 Bootstrap 。一旦我将 Bootstrap css 和 js 添加到我的 html 中，许多元素就会变得困惑。据我所知，这归因于我使用与 Bootstrap 相同的类名。例如，我有一个名为“btn”的类，bootstrap 也是如此。我所有的按钮看起来都很丑和/或形状很奇怪。名单还在继续。

当人们第一次在现有网站上实现 Bootstrap 时，这是否与类(class)相当？是否只是浏览旧的 css 文件并重命名的问题？有什么优雅的解决方案吗？

Answer 1

Paul 和 Millimoose 都提供了对我有用的解决方案。但是，对于新手来说，解决方案需要一些挖掘，所以这里逐步描述了对我有用的方法(以及我相信他们推荐的方法)。

基本上，您必须修改 Bootstrap css 文件。基本上将整个 Bootstrap css 文件包装在其中:

.bootstrap{
//整个boostrap css文件放在这里
}

使用http://winless.org/online-less-compiler生成新的 CSS 代码。您需要将上面的代码粘贴到上面链接中表单的左侧。

将上述链接的输出复制并粘贴到 css 文件中。在您的 html 中包含此 css 文件。

当需要使用 boostrap 时，只需将要应用 bootstrap 的元素放在周围即可。

非常感谢所有帮助找出这个解决方案。效果很好。