首页 > 解决方案 > 如何让 Bootstrap 3 和 Ant Design 3 共存

问题描述

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

两个框架似乎都有自己的重置样式,但它们使用不同的值。到目前为止,我还没有在 Ant 中找到一个 LESS 变量,它可以用于为所有 Ant 的 CSS 规则添加前缀。

有没有人试过让他们住在一起?

我们不拥有父开发,我们只能在 React 部分进行更改,所以只有与 Ant 相关的东西。

标签: twitter-bootstrap-3antd

解决方案


在这里您可以看到一些默认antd变量

其中之一是@ant-prefix: ant;。我认为您可以更改它并应用不同的样式。


推荐阅读