Bootstrap Formatting Doesn't Carry Over from CodePen Pens to Projects

Bootstrap Formatting Doesn't Carry Over from CodePen Pens to Projects
0

#1

So as a personal project, I built this pen in CodePen:

See the Pen Running Resources by Bill (@bill5) on CodePen.

Then I realized that having everything on one page doesn’t make for great organization. I am new to CodePen, so I decided it would be a good idea to experiment with CodePen’s projects. I copied everything over and linked to bootstrap, but for some reason the nav bar and other bootstrap formatting no longer works. Can someone help me?

Here is the new project:


#2

Hey. You used Bootstrap 3 on your pen but linked Bootstrap 4 on your project’s index.html, that’s why the formatting isn’t the same.


#3

Thank you!!! It works now. Just out of curiosity (and the pursuit of more knowledge), how come Bootstrap 4 doesn’t work?


#4

No problem! It does work, but the two versions use different classes\style\tags for their components (like the navbar, for example), therefore you can’t mix them.


#5

You can find more info on the differences here: https://v4-alpha.getbootstrap.com/migration/


#6

Thank you, both!!! This really helped.