React-Bootstrap在一夜之间停止工作

时间:2018-02-05 10:43:00

标签: css reactjs nav react-bootstrap

对不起这个问题的奇怪性质,但我被提醒一个问题,我找不到发生了什么。

隔夜(04/02/2018)我的反应式网络应用程序的样式似乎完全破裂了。导航栏不再显示,容器对齐不再有效,应用程序的响应方面也不再有效。在此期间没有代码发生变化,在IE,Chrome和FireFox中调试或检查控制台时,我看不到任何错误。

这是否发生在其他人身上?我试图更新react应用程序正在使用的bootstrap版本,但这并未改变有关此问题的任何内容。

2 个答案:

答案 0 :(得分:2)

这是因为现在最新的bootstrap引用链接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导入bootstrap的文件并将其更改为版本3(3.3。因为react-bootstrap(Navs,NavItems或任何其他组件)使用bootstrap v3 css

答案 1 :(得分:1)

更改此:]

<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">