我正在更新现有项目,整个项目使用Bootstrap,我唯一想用语义UI替换Bootstrap地方是在我定义列表项的组件中。
以下是我所做的:
1-我遵循了以下指南:开始使用语义UI安装React语义UI
2-在我的头标签中,我已经将语义UI cdn放在引导之前
注意:我使用React Bootstrap进行引导
语义UI组件按预期呈现,但唯一的问题是整个页面现在都在使用的语义UI甚至是我用bootstrap创建的表单字段。问题从哪里来?
SUIR和引导程序之间可能(将(有很多冲突。你可能不应该导入整个包。相反,只安装所需的模块。你可以在这里找到一个单独的列表
两个包中的某些元素共享相似的命名模式,因此会存在名称空间冲突。可以重命名semantic.js
和semantic.css
中的语义元素关键字。