Headers
Documentation and examples for Bootstrap's powerful, responsive navigation header, the navbar.
Header #1
// import header from layoutsimport NavbarMentorPages from 'layouts/marketing/navbars/NavbarMentorPages';export const Header1Example = () => {return <NavbarMentorPages />}
Header #2
// import header from layoutsimport NavbarHelpCenter from 'layouts/marketing/navbars/help-center/NavbarHelpCenter';export const Header2Example = () => {return <NavbarHelpCenter bg='white' />}
Header #3
// import header from layoutsimport NavbarJobPages from 'layouts/marketing/navbars/NavbarJobPages';export const Header3Example = () => {return <NavbarJobPages />}
Header #4
// import header from layoutsimport NavbarDefault from 'layouts/marketing/navbars/NavbarDefault';export const Header4Example = () => {return <NavbarDefault />}
Header #5
// import header from layoutsimport NavbarLanding from 'layouts/marketing/navbars/NavbarLanding';export const Header5Example = () => {return <NavbarLanding />}
Header #6
// import header from layoutsimport NavbarMegaMenu from 'layouts/marketing/navbars/mega-menu/NavbarMegaMenu';export const Header6Example = () => {return <NavbarMegaMenu />}
Header #7
// import header from layoutsimport NavbarDefault from 'layouts/marketing/navbars/NavbarDefault';export const Header7Example = () => {return <NavbarDefault login />}
Header #8
// import header from layoutsimport NavbarBoxCenterMenu from 'layouts/marketing/navbars/NavbarBoxCenterMenu';export const Header8Example = () => {return <NavbarBoxCenterMenu />}