Headers

Documentation and examples for Bootstrap's powerful, responsive navigation header, the navbar.



Header #2

// import header from layouts
import NavbarHelpCenter from 'layouts/marketing/navbars/help-center/NavbarHelpCenter';
export const Header2Example = () => {
return <NavbarHelpCenter bg='white' />
}


Header #4

// import header from layouts
import NavbarDefault from 'layouts/marketing/navbars/NavbarDefault';
export const Header4Example = () => {
return <NavbarDefault />
}


Header #6

// import header from layouts
import NavbarMegaMenu from 'layouts/marketing/navbars/mega-menu/NavbarMegaMenu';
export const Header6Example = () => {
return <NavbarMegaMenu />
}

Header #7

// import header from layouts
import NavbarDefault from 'layouts/marketing/navbars/NavbarDefault';
export const Header7Example = () => {
return <NavbarDefault login />
}

Buy Now