When to use this pattern


  • When navigation controls should be present on every screen of an application.

Examples

 

How It Looks

Default menu state: CSS class dropdown
Hover menu state: CSS class dropdown open
Open menu: CSS class dropdown-toggle

How It Works

  • Global Navigation should be present regardless of what page the user is viewing.
  • Navigation items can change depending on use role, activity in the application, or logged in/logged out status.