What's the problem here? When I clicked the <a href="#"><a> link in navbar the navbar redirect to top then close.

Question

But when I clicked the <a href ="#project" link in navbar it redirect to project but doesnt close the navbar?

https://code.sololearn.com/W7GeEtHkcrS6/?ref=app

Answer 1

Bootstrap nav don't close the navbar onclick by default. You have to code it.
Look at this :
https://stackoverflow.com/questions/42401606/how-to-hide-collapsible-bootstrap-navbar-on-click

Answer 2

Because the # character inside the link render you to the current page you are on is like reloading the location.