React-Bootstrap 一夜之间停止工作答案

【问题标题】：React-Bootstrap stopped working overnightReact-Bootstrap 一夜之间停止工作
【发布时间】：2018-07-15 04:49:16
【问题描述】：

对于这个问题的奇怪性质，我很抱歉，但是我收到了一个问题的警报，但我找不到发生了什么。

一夜之间（2018 年 4 月 2 日），我的 React Web 应用程序的样式似乎完全崩溃了。导航栏不再显示，容器对齐不再有效，应用程序的响应方面也不再有效。在此期间没有代码更改，在 IE、Chrome 和 FireFox 中调试或检查控制台时，我看不到任何错误。

这是否发生在其他人身上？我已尝试更新 react 应用正在使用的引导程序版本，但这并没有改变有关此问题的任何内容。

【问题讨论】：

你是从未来写的吗？
对不起，我的错误，修正了日期。
你有文件中的代码还是angular网站的链接？
有同样的问题:) stackoverflow.com/questions/48617286/…

标签： css reactjs nav react-bootstrap

【解决方案1】：

这是因为现在最新的引导程序在链接 https://maxcdn.bootstrapcdn.com/bootstrap/latest/css/bootstrap.min.css 中引用了 v4

您需要将链接更改为https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css，您很可能在其中包含样式表/public/index.html，或者只需搜索您从cdn 导入引导程序的文件并将其更改为版本3（3.3.7 in我的情况），因为 react-bootstrap(Navs, NavItems or any other components ) 使用 bootstrap v3 css

【讨论】：

你是明星，这正是它的本来面目，我很惭愧地说我之前没有注意到这一点！在花了一个早上挠头之后，这解决了它！

【解决方案2】：

改变这个：]

<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/latest/css/bootstrap.min.css">

不持续版本，例如。

  <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous">

【讨论】：