Does the img-responisve not work in codepen? Bootstrap is linked; img in a "col-md-*; thats in a “row”; thats in a “container.”
1 Like
check the version of bootstrap you’ve added.
For v4 there’s a different class.
2 Likes
AHHHHHH! It all makes sense now. Not one told me this. lol ok thank you.
1 Like
Thank you so much for posting this (and OP for asking it)! I was really struggling to figure out why my images weren’t responsive.
Bootstrap v4 is still an alpha release, I am not sure why Codepen doesn’t give you a way to choose v3…
Anyway, it looks like the contributors are updating the curriculum to be more specific in using v3.
freeCodeCamp:staging
← Marmiz:fix/Bootsrap3.3.7-Codepen
opened 04:08PM - 13 Mar 17 UTC
#### Pre-Submission Checklist
- [x] Your pull request targets the `stagin… g` branch of freeCodeCamp.
- [x] Branch starts with either `fix/`, `feature/`, or `translate/` (e.g. `fix/signin-issue`)
- [x] You have only one commit (if not, [squash](http://forum.freecodecamp.com/t/how-to-squash-multiple-commits-into-one-with-git/13231) them into one commit).
- [x] All new and existing tests pass the command `npm test`. Use `git commit --amend` to amend any fixes.
#### Type of Change
- [x] Small bug fix (non-breaking change which fixes an issue)
- [ ] New feature (non-breaking change which adds new functionality)
- [ ] Breaking change (fix or feature that would change existing functionality)
- [ ] Add new translation (feature adding new translations)
#### Checklist:
- [x] Tested changes locally.
- [x] Closes currently open issue (replace XXXX with an issue no): Closes #13787
#### Description
Since the default dropdown on codepen adds the v.4 of Bootstrap, I have amended the text in the "get set for our front-end development project" as follow:
>Click the gear in the upper left hand corner of the CSS box, then copy this link <code>https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css</code> inside the text box. Now give your <code>h1</code> element the class of <code>text-primary</code> to change its color and prove that Bootstrap is now available. Note that by using the dropdown menu and selecting \"Bootstrap\", the Alpha v.4 will be added instead.
And updated the `gif` with a new one that reflect the new functionality, also uploaded on `imgur` [here](http://i.imgur.com/oLYs8EA.gif)
NOTE: This fix will also require to update the available translation for this challenge seed: *spanish - russian - portughese-