I’ve spent a while trying to get to the bottom of this - I hope it is appropriate to post a question of this nature so early on in my project!
I’ve just started working on my Portfolio Page this morning and have been trying to get my nav bar looking how I want it before moving forward. I’ve been trying to use Bootstrap classes to do this, however my nav bar doesn’t have the basic formatting / layout that others appear to be achieving with the same code. Here’s mine:
I’ve only just started again with coding, after quite some years of absence, so I am about at the same point as you are. I still have to start on the portfolio, but I am kind of aiming for the samish. I can give you some insight on a part of it. Navbar is something from Bootstrap. What you really have to realize is that Bootstrap is nothing more than basically a CSS Stylesheet that has defined the hard bits for you already. That means it has standard background colors and text colors for the navbar. So you need to overwrite them!
Some stuff that is not directly related: I think the Bootstrap stylesheet is already linked ‘under the hood’ on Codepen (I haven’t used Codepen much, since I don’t really like it). Normally you link the stylesheet in your header. If you ever start working with seperate stylesheets for your website, you need to link your own style sheet AFTER the Bootstrap style sheet, or else it won’t ‘overwrite’. Been there, done that