语义UI覆盖react nextjs项目中的引导程序页面样式



我正在更新现有项目,整个项目使用Bootstrap,我唯一想用语义UI替换Bootstrap地方是在我定义列表项的组件中。

以下是我所做的:

1-我遵循了以下指南:开始使用语义UI安装React语义UI

2-在我的头标签中,我已经将语义UI cdn放在引导之前

注意:我使用React Bootstrap进行引导

语义UI组件按预期呈现,但唯一的问题是整个页面现在都在使用的语义UI甚至是我用bootstrap创建的表单字段。问题从哪里来?

SUIR和引导程序之间可能(将(有很多冲突。你可能不应该导入整个包。相反,只安装所需的模块。你可以在这里找到一个单独的列表

两个包中的某些元素共享相似的命名模式,因此会存在名称空间冲突。可以重命名semantic.jssemantic.css中的语义元素关键字。

最新更新