Change the href destination to let’s say, <a href="#about">
And in your div where “About” starts. Assign an id attribute, i.e. <div id="about">
So whenever you click “About” in nav-bar, you get sent to that div with id=“#about”. I don’t know what happens if you assign multiple divs with id=“#about”, probably just get sent to the next one it finds.
Basically, the hashtag # means it is looking for something assigned in the id attribute. Same goes in CSS style page.
.my-class{ font-size= 15} ← looks for a class attributes
#my-class{ font-size= 15} ← looks for a id attribute
When you use the fixed-top nav-bar, remember to add a small margin to the top of your page too so it doesn’t get hidden behind the nav-bar at the top something like this (depending on the height of your nav-bar):
If you use the class navbar-fixed-top, you don’t need to alter it in the CSS, Bootstrap has already made this class to stick the bar to the top automatically. Also when you name your divs, it should say < div id=“about” >< /div > (you only use the hashtag when targeting the id element in CSS, not in the id name itself