模态语义 UI React 与 Bootstrap 发生冲突

Posted

技术标签:

【中文标题】模态语义 UI React 与 Bootstrap 发生冲突【英文标题】:Modal Semantic UI React got conflict with Bootstrap 【发布时间】:2018-12-08 10:36:16 【问题描述】:

我做了一个项目 .net core MVC。我正在使用semantic-ui-react modal并导入它的库并链接css来处理它,但问题是bootstrap css与我的其他CDN语义ui-css发生冲突。 p>

我的意思是,我打开模态框,它每隔几秒就会切换到 div:ui modal transitive visible to ui scrolling ...

我做了一些测试,发现 bootstrap 与 semantic-ui-css 不是朋友 因为 我删除了链接 css 并且它可以工作,但我无法为我的标题导航栏保留引导样式。

有人知道如何处理吗?谢谢:)

【问题讨论】:

【参考方案1】:

您是否尝试过安装 css 然后导入它: https://react.semantic-ui.com/usage

【讨论】:

嗨亲爱的,我昨天解决了我的问题,在项目中简单地编辑 css 文件!感谢您的快速回答 我已经尝试过,但遇到了同样的问题。 Modal 正在 100% 渲染

以上是关于模态语义 UI React 与 Bootstrap 发生冲突的主要内容,如果未能解决你的问题,请参考以下文章

与 Bootstrap 模态一起使用时显示在模态后面的 Angular ui-select 选项

如何让 React.js 和 Bootstrap 4 模态轮播始终在打开时显示第一张图像

onApprove 和 onDeny 未在模态中触发 - 语义 ui

angular-ui-bootstrap 模态框可以弹出多个吗

UI-Bootstrap 仅将模态背景应用于元素

angular-ui-bootstrap model 模态框出现的位置怎么调整