Amend the "Get set for our front end development projects" description to make clear to use Bootstrap 3.3.7

Challenge Name

https://www.freecodecamp.com/challenges/get-set-for-our-front-end-development-projects

Issue Description

As of today Codpen default quick-add is Bootstrap.4 which has some differences from the 3.3.7 version that gets taught during the lessons.

I have noticed and increased number of Camper asking for help in chat asking why their code was not behaving as expected all due to them using version 4.

I propose to amend the description and provide the link to the version 3.3.7 and let the camper insert that.

It’s also worth mentioning that in case we proceed with this change we have to change the .gif accordingly.

---

[edit] The text I’m referring to is at step 6/7:

Click the gear in the upper left hand corner of the CSS box, then scroll down to “Quick add” and choose Bootstrap.

By doing so the camper will inevitably add the version 4. We could change it with:

Click the gear in the upper left hand corner of the CSS box, then in the text field add this link https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css.

And perhaps leaving a note that using the dropdown will load the Alpha version, advising that may encounter some differences in syntax with the lessons’s examples.

[systimotic]

@Marmiz Thanks for reporting! Good catch, we should take action to fix this. This will probably require a fix on staging, as well as a patch on backup/master

[dakshshah96]

@Marmiz I recently used Recordit to make a gif for similar purposes. They’ll also upload the generated gif to their servers. You should check it out 💯