navbars

Documentation and examples for Butter Cake'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 ButterCake.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.

Feel free to Report any typo, any bug or request new Feature, you are always Welcome!!

Support Butter Cake 😃

Monthly donation

Patreon

One Time donation

Page Content