模态语义 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