Base Nav

The base .nav component is built with flexbox and provide a strong foundation for building all types of navigation components.

With Border

Use Class .wrap-border with your <nav> tag to wrap your nav with a border

Center Alignment

Use Class .justify-content-center with your <nav> tag to align your nav to center

End Alignment

Use Class .justify-content-end with your <nav> tag to align your nav to end

Vertical nav

Roll your own navigation style by extending the base .nav component. All Bootstrap’s nav components are built on top of this by specifying additional styles.

Nav with Border

To wrap with border, use .wrap-border class.

Nav with Square Border

To wrap with square border, use .square-border class with .wrap-border class.

Nav with Divider

To add divider, use .dropdown-divider class to <li>

Theme Customizer

Customize & Preview in Real Time
Menu Colors

Theme Layout
Light
Dark
Semi Dark

Collapse Sidebar
Collapse Menu

Navbar Colors

Footer Type

Hide Scroll To Top
Buy Now