Twitter bootstrap 3 如何让Bootstrap 3和Ant Design 3共存

我们正在开发一个React应用程序（使用createreact应用程序而不弹出它），我们决定使用Ant作为我们的基本组件库。 现在我们接近项目的结尾，我们发现应用程序将作为“portlet”集成到企业门户（WebSphere）中，因此我们从主页继承所有CSS文件

这两个框架似乎都有自己的重置样式，但它们使用不同的值。 到目前为止，我还无法在Ant中找到一个更少的变量，它可以作为所有Ant的CSS规则的前缀

有人试过让他们住在一起吗

---

我们不拥有父级开发，我们只能在React部分进行更改，因此只有与Ant相关的内容。

这里您可以看到一些

---

其中一个是

@ant前缀：ant。我认为你可以改变它并应用不同的风格。
这是一个艰难的过程，在开发结束时也同样如此

正如@froston提到的，您似乎已经尝试了
@ant前缀：ant除此之外，您还需要将se
prefixCls
作为您创建的每个组件实例的道具，这无疑是一个自我鞭笞的练习

即使您设置了一个全局常量并将其导入组件并使用，您仍然必须将其贯穿到所有位置，并且需要附加组件名称

例如，锚定的
defaultProps
是
prefixCls:'antanchor'

希望这对你有帮助，祝你好运
 我们最终使用一个特定的CSS补丁文件，并在需要时添加规则

不是很完美，但建议的路径都没有达到我们预期的效果。
该变量只帮助更改与主题相关的类名前缀。我要找的是给它添加一个前缀。但是我可以试试这个变量，谢谢！不幸的是，更改该变量似乎只有一个效果：破坏所有样式。我在覆盖文件中更改了它（项目未弹出，我尝试使用react rewired），当设置任何值时，它会将许多CSS选择器作为前缀，但组件现在有一个断开的显示，“基本”选择器（如H1/H2…）没有前缀。感谢您的建议，我将尝试用CSS文件和规则“修补”冲突，另一个类似的解决方案，我在这里创建了一个实验室，以举例说明如何使用ant.design和其他LIB，例如Bootstrap