menu
search
Basic

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

Alignment

By default, navs are left-aligned, but you can easily change them to center, right or vertical aligned.

Icon only

Nav with icon only

Circle style

Instead of adding styles to each link, make all links a circle style by adding the .nav-circle class

Tabs

Takes the basic nav and adds the .nav-tabs class to generate a tabbed interface.

home content here
profile content here
contact content here
home content here
profile content here
contact content here
home content here
profile content here
contact content here

Simple style

home content here
profile content here
contact content here

Vertical

home content
profile content
contact content