Home/ Questions/Q 8358923
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-06-09T10:58:04+00:00

I’m trying to use Bootstrap and I’m having some trouble implementing the page navigation.

  • 0

I’m trying to use Bootstrap and I’m having some trouble implementing the page navigation.

The navigation links looks like this:

<a href="#Profile">Profile</a>

This would change the browser URL to append #Profile. Running fiddler it seems it doesn’t cause the page to refresh (no traffic is passed).

This doesn’t seem to be documented in the Bootstrap documentation and since I don’t even know the name of the feature I haven’t managed to look up how to implement it properly. Can anyone tell me what its called and possibly provide an explanation or some documentation?

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    As requested:

    A link prefaced with # triggers a hashChange event, and scrolls the current page to an element with an idequal to Profile (so: <div id="Profile>...</div>). This isn’t a twitter-bootstrap feature, it’s purely HTML.

    Note that this is true of a link as posted in your question: <a href="#Profile">Profile</a>

    Should the link’s href have the form: <a href="http://example.com/index.html#Profile">Profile</a>

    then it will load a new page, and immediately scroll to the element of id="Profile". This is useful for linking to specific portions of other pages (my own predominant use-case for this is to link to specific portions of Quirksmode’s compatibility, or the W3’s, HTML/CSS docs).

    • 0