Navs

  1. Home
  2. Components
  3. Navs

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

Skin

Menu Collapsed

Layout Width

Navbar Color

Navbar Type

Footer Type