twitter-bootstrap-3 - 如何让 Bootstrap 3 和 Ant Design 3 共存
问题描述
我们正在开发一个 React 应用程序(使用 Create React App 而不弹出它),我们决定使用 Ant 作为我们的基础组件库。现在我们已接近项目的尾声,我们发现应用程序将作为“portlet”集成到企业门户(WebSphere)中,因此我们从主页继承所有 CSS 文件。
两个框架似乎都有自己的重置样式,但它们使用不同的值。到目前为止,我还没有在 Ant 中找到一个 LESS 变量,它可以用于为所有 Ant 的 CSS 规则添加前缀。
有没有人试过让他们住在一起?
我们不拥有父开发,我们只能在 React 部分进行更改,所以只有与 Ant 相关的东西。
解决方案
在这里您可以看到一些默认antd
变量。
其中之一是@ant-prefix: ant;
。我认为您可以更改它并应用不同的样式。
推荐阅读
- sql - 仅在 PostgreSQL 中按月分组查询?
- mongodb - 在指定条件下对数组中对象的值求和
- python - Django runserver 错误 - 冻结 importlib._bootstrap
- ios - 为什么苹果在使用 fastlane 提交应用到 testflight 时会询问安全问题?
- sql-server - 使用 Azure SQL 进行跨数据库分析
- c - 在C中的嵌套块中重新声明标识符
- timestamp - 我如何解释这个时间戳
- delphi - 编译时“内存资源不足”
- angular - 如何在没有本地化的情况下格式化 UTC 时间戳(Angular 4+)
- c# - TweetSharp 不允许搜索 - 无法加载文件或程序集