Can't get Bootstrap and/or Jquery working in CodePen

Can't get Bootstrap and/or Jquery working in CodePen
0.0 0

#1

Hi!
I’m having problems getting up and running with codePen. I think it may be because I’ve not added the correct libraries? The code works fine when I try it in someone else’s codepen, but not in mine.
Would anybody mind having a quick look and seeing what could be wrong? I’d really appreciate any help!
Many thanks!
https://codepen.io/MattStockman/pen/BRqMdY?editors=1000


#2

I was having the same sort of problems by using the quick add option its loading v4 of bootstrap which from what I can tell is newish? and a bit buggy in some respects? so you can either read up on migration to v4 here - https://v4-alpha.getbootstrap.com/migration/ or find the last stable v of bootstrap and replace it in your quick add on code pen.

Very early days but here is my code to date using v4 - https://codepen.io/Pokerknot/pen/oWadvQ ignore everything but nav code its a work in progress lol.

or

I could be way off I have only been doing this a week :smile: :joy: :joy:

Hope you get it sorted.


#3

Thanks a lot Simon! I’ll look into that now! Appreciate your help!


#4

No problem it boggled my mind for three days and looking at the migration link it does say navbar-default has been replaced by navbar-light but if you take all that out and put bg-inverse you should see the beginning of the nav bar take shape.


#5

yeah, that was sending me nuts!! been trying to work it out for ages! There should definitely be something explaining that on the course!