Documentation and examples for Famous UI's powerful, responsive navigation header, the navbar. Includes support for branding, navigation, and more.

How it works

Here’s what you need to know before getting started with the navbar.

  • Navbars require a wrapping .navbar with .expand{-sm|-md|-lg|-xl} for responsive collapsing and come's with White and Primary Color Navbar.
  • Navbars and their contents are fluid by default. can use .container or .container-fluid
  • Navbars are responsive by default, but you can easily modify them to change that. Responsive behavior depends on FamousUI.js plugin.
  • Ensure accessibility by using a <nav> element or, if using a more generic element such as a <div>, add a role="navigation" to every navbar to explicitly identify it as a landmark region for users of assistive technologies.