[SOLVED] Codepen portfolio navbar problem

1

Hi everyone,

I’m working on my Codepen portfolio project, but can’t get the navbar working the way I’d like it to. The buttons are listed vertically, instead of horizontally next to each other. Also, I’m trying to fix the navbar, so that it will stay on top of the screen when I scroll down, but it doesn’t work either.

Could someone please take a look at my code and settings? I just can’t figure out what I am doing wrong. Here’s the link:
http://codepen.io/jpyq/pen/mmqJWR

Thanks in advance!

2

You were using Bootstrap 4. Maybe you meant Bootstrap 3? Try using this in the external CSS instead:
https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css

1 Like
3

Thanks, that changed a lot! Now my navbar is fixed at the top. :slight_smile:
Unfortunately, the buttons are still aligned vertically. Any idea why?

4

Maybe you are viewing it through a small viewport? The navbar is horizontal on my laptop.

You should also replace the Bootstrap.js version to match that of the CSS. Just copy the same URL, but replace css with js

1 Like
5

Thanks again, that was indeed the problem. Even though I had pulled the window to make it larger, but had not made it large enough. :sweat_smile: