Bootstrap suddenly not working for my React JS project

Question

Out of the blue bootstrap has stopped working on my project. I have no idea why.

Here is our package.json:

  {
  \"name\": \"blankets\",
  \"version\":         


        

Answer 1

This:

is loading the latest version of Bootstrap which is 4.0.0.

And because Bootstrap 4 is totally incompatible with Bootstrap 3 that breaks your layout.

Solution:

Either load the css (as well as the corresponding js) files for Bootstrap 3 OR migrate to Bootstrap 4.

Bootstrap 3 links:

https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css

https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js