Portfolio challenge navigation

Portfolio challenge navigation
0

#1

Hello,
I have seen that in the portfolio challenge there is a user story(user story 6) wich says that you have to be able to navigate the different parts of the portfolio website by clicking buttons in the navigation.
The problem is that I don’t know how to do that, could you help me please?
Thanks.


#2

You can start with dividing your page into sections, then give those sections their unique ids, like:

<body>
  <section id="about">
    <!-- ... -->
  </section>
  <section id="portfolio">
    <!-- ... -->
  </section>
  <section id="contact">
    <!-- ... -->
  </section>
</body>

Then you can add <a> elements to your navbar that link to those sections, like

<a href="#portfolio">Portfolio</a>

#3

Collapsible Navbar

I have been trying to figure something out about the bootstrap navbar as well. When you have a fixed navbar, how to you make it collapsible?

I have managed to put the button and it appears when you resize the page but the dropdown menu is not working, Any suggestion?


#4

I’d suggest that you read the Bootstrap docs.

If you’re using version 4: https://getbootstrap.com/docs/4.0/components/navbar/
Version 3: https://getbootstrap.com/docs/3.3/components/#navbar


#5

Ok, thanks. I'll look into it


#6

Thanks guys! My problem is now solved.