Navigation

Navigation components.

Dropdown

Default

Left aligned
Action Another action Something else here
Right Aligned
Action Another action Something else here
Drop Up Left
Action Another action Something else here Separated link
Drop Up Right
Action Another action Something else here Separated link

Custom colors

Left aligned
Action Another action Something else here
Right Aligned
Action Another action Something else here
Drop Up Left
Action Another action Something else here Separated link
Drop Up Right
Action Another action Something else here Separated link

Components

Divider
Action
Another action Something else here
Header
Dropdown header
Action Another action Something else here
Icons
Action Another action Something else here
Offset
Action Another action Something else here

Split button

Left aligned
Action Another action Something else here
Right Aligned
Action Another action Something else here
Drop Up Left
Action Another action Something else here Separated link
Drop Up Right
Action Another action Something else here Separated link 

<div id="graph1"></div>

Contextual menu

Left aligned
Action Another action Something else here
Right Aligned
Action Another action Something else here
Drop Up Left
Action Another action Something else here Separated link
Drop Up Right
Action Another action Something else here Separated link 

<div id="graph1"></div>

Navbar

Default

Alignment

Default left
Center Aligned
Right sligned
Filled
Justify

<div id="graph1"></div>

Navbar brand

Default left
Center Aligned
Right sligned
Filled
Justify

<div id="graph1"></div>

Navbar toggler & form

Default left
Center Aligned
Right aligned
Filled
Justify

<div id="graph1"></div>

Navbar bootstrap colors

Dark
Primary
Light

<div id="graph1"></div>

Navbar material design colors

Red
Pink
Purple
Deep Purple
Indigo
Blue
Light Blue
Cyan
Teal
Green
Light Green
Lime
Yellow
Amber
Orange
Deep Orange
Brown
Grey
Blue Grey
Black
Light

<div id="graph1"></div>

Tabs nav

Nav top
Raw denim you probably haven't heard of them jean shorts Austin. Nesciunt tofu stumptown aliqua, retro synth master cleanse.
Food truck fixie locavore, accusamus mcsweeney's marfa nulla single-origin coffee squid.
Etsy mixtape wayfarers, ethical wes anderson tofu before they sold out mcsweeney's organic lomo retro fanny pack lo-fi farm-to-table readymade.
Nav bottom
Raw denim you probably haven't heard of them jean shorts Austin. Nesciunt tofu stumptown aliqua, retro synth master cleanse.
Food truck fixie locavore, accusamus mcsweeney's marfa nulla single-origin coffee squid.
Etsy mixtape wayfarers, ethical wes anderson tofu before they sold out mcsweeney's organic lomo retro fanny pack lo-fi farm-to-table readymade.

Alignment

Nav top center
Raw denim you probably haven't heard of them jean shorts Austin. Nesciunt tofu stumptown aliqua, retro synth master cleanse.
Food truck fixie locavore, accusamus mcsweeney's marfa nulla single-origin coffee squid.
Etsy mixtape wayfarers, ethical wes anderson tofu before they sold out mcsweeney's organic lomo retro fanny pack lo-fi farm-to-table readymade.
Nav bottom center
Raw denim you probably haven't heard of them jean shorts Austin. Nesciunt tofu stumptown aliqua, retro synth master cleanse.
Food truck fixie locavore, accusamus mcsweeney's marfa nulla single-origin coffee squid.
Etsy mixtape wayfarers, ethical wes anderson tofu before they sold out mcsweeney's organic lomo retro fanny pack lo-fi farm-to-table readymade.
Nav top right
Raw denim you probably haven't heard of them jean shorts Austin. Nesciunt tofu stumptown aliqua, retro synth master cleanse.
Food truck fixie locavore, accusamus mcsweeney's marfa nulla single-origin coffee squid.
Etsy mixtape wayfarers, ethical wes anderson tofu before they sold out mcsweeney's organic lomo retro fanny pack lo-fi farm-to-table readymade.
Nav bottom right
Raw denim you probably haven't heard of them jean shorts Austin. Nesciunt tofu stumptown aliqua, retro synth master cleanse.
Food truck fixie locavore, accusamus mcsweeney's marfa nulla single-origin coffee squid.
Etsy mixtape wayfarers, ethical wes anderson tofu before they sold out mcsweeney's organic lomo retro fanny pack lo-fi farm-to-table readymade.
Nav top fill
Raw denim you probably haven't heard of them jean shorts Austin. Nesciunt tofu stumptown aliqua, retro synth master cleanse.
Food truck fixie locavore, accusamus mcsweeney's marfa nulla single-origin coffee squid.
Etsy mixtape wayfarers, ethical wes anderson tofu before they sold out mcsweeney's organic lomo retro fanny pack lo-fi farm-to-table readymade.
Nav bottom fill
Raw denim you probably haven't heard of them jean shorts Austin. Nesciunt tofu stumptown aliqua, retro synth master cleanse.
Food truck fixie locavore, accusamus mcsweeney's marfa nulla single-origin coffee squid.
Etsy mixtape wayfarers, ethical wes anderson tofu before they sold out mcsweeney's organic lomo retro fanny pack lo-fi farm-to-table readymade.
Nav top justified
Raw denim you probably haven't heard of them jean shorts Austin. Nesciunt tofu stumptown aliqua, retro synth master cleanse.
Food truck fixie locavore, accusamus mcsweeney's marfa nulla single-origin coffee squid.
Etsy mixtape wayfarers, ethical wes anderson tofu before they sold out mcsweeney's organic lomo retro fanny pack lo-fi farm-to-table readymade.
Nav bottom justified
Raw denim you probably haven't heard of them jean shorts Austin. Nesciunt tofu stumptown aliqua, retro synth master cleanse.
Food truck fixie locavore, accusamus mcsweeney's marfa nulla single-origin coffee squid.
Etsy mixtape wayfarers, ethical wes anderson tofu before they sold out mcsweeney's organic lomo retro fanny pack lo-fi farm-to-table readymade. 

<div id="graph1"></div>

Tabs nav custom colors

Nav top
Raw denim you probably haven't heard of them jean shorts Austin. Nesciunt tofu stumptown aliqua, retro synth master cleanse.
Food truck fixie locavore, accusamus mcsweeney's marfa nulla single-origin coffee squid.
Etsy mixtape wayfarers, ethical wes anderson tofu before they sold out mcsweeney's organic lomo retro fanny pack lo-fi farm-to-table readymade.
Nav bottom
Raw denim you probably haven't heard of them jean shorts Austin. Nesciunt tofu stumptown aliqua, retro synth master cleanse.
Food truck fixie locavore, accusamus mcsweeney's marfa nulla single-origin coffee squid.
Etsy mixtape wayfarers, ethical wes anderson tofu before they sold out mcsweeney's organic lomo retro fanny pack lo-fi farm-to-table readymade. 

<div id="graph1"></div>

Tabs nav custom colors & icons

Nav top
Raw denim you probably haven't heard of them jean shorts Austin. Nesciunt tofu stumptown aliqua, retro synth master cleanse.
Food truck fixie locavore, accusamus mcsweeney's marfa nulla single-origin coffee squid.
Etsy mixtape wayfarers, ethical wes anderson tofu before they sold out mcsweeney's organic lomo retro fanny pack lo-fi farm-to-table readymade.
Nav bottom
Raw denim you probably haven't heard of them jean shorts Austin. Nesciunt tofu stumptown aliqua, retro synth master cleanse.
Food truck fixie locavore, accusamus mcsweeney's marfa nulla single-origin coffee squid.
Etsy mixtape wayfarers, ethical wes anderson tofu before they sold out mcsweeney's organic lomo retro fanny pack lo-fi farm-to-table readymade. 

<div id="graph1"></div>

Pills nav

Nav top
Raw denim you probably haven't heard of them jean shorts Austin. Nesciunt tofu stumptown aliqua, retro synth master cleanse.
Food truck fixie locavore, accusamus mcsweeney's marfa nulla single-origin coffee squid.
Etsy mixtape wayfarers, ethical wes anderson tofu before they sold out mcsweeney's organic lomo retro fanny pack lo-fi farm-to-table readymade.
Nav bottom
Raw denim you probably haven't heard of them jean shorts Austin. Nesciunt tofu stumptown aliqua, retro synth master cleanse.
Food truck fixie locavore, accusamus mcsweeney's marfa nulla single-origin coffee squid.
Etsy mixtape wayfarers, ethical wes anderson tofu before they sold out mcsweeney's organic lomo retro fanny pack lo-fi farm-to-table readymade.

Alignment

Nav top center
Raw denim you probably haven't heard of them jean shorts Austin. Nesciunt tofu stumptown aliqua, retro synth master cleanse.
Food truck fixie locavore, accusamus mcsweeney's marfa nulla single-origin coffee squid.
Etsy mixtape wayfarers, ethical wes anderson tofu before they sold out mcsweeney's organic lomo retro fanny pack lo-fi farm-to-table readymade.
Nav bottom center
Raw denim you probably haven't heard of them jean shorts Austin. Nesciunt tofu stumptown aliqua, retro synth master cleanse.
Food truck fixie locavore, accusamus mcsweeney's marfa nulla single-origin coffee squid.
Etsy mixtape wayfarers, ethical wes anderson tofu before they sold out mcsweeney's organic lomo retro fanny pack lo-fi farm-to-table readymade.
Nav top right
Raw denim you probably haven't heard of them jean shorts Austin. Nesciunt tofu stumptown aliqua, retro synth master cleanse.
Food truck fixie locavore, accusamus mcsweeney's marfa nulla single-origin coffee squid.
Etsy mixtape wayfarers, ethical wes anderson tofu before they sold out mcsweeney's organic lomo retro fanny pack lo-fi farm-to-table readymade.
Nav bottom right
Raw denim you probably haven't heard of them jean shorts Austin. Nesciunt tofu stumptown aliqua, retro synth master cleanse.
Food truck fixie locavore, accusamus mcsweeney's marfa nulla single-origin coffee squid.
Etsy mixtape wayfarers, ethical wes anderson tofu before they sold out mcsweeney's organic lomo retro fanny pack lo-fi farm-to-table readymade.
Nav top fill
Raw denim you probably haven't heard of them jean shorts Austin. Nesciunt tofu stumptown aliqua, retro synth master cleanse.
Food truck fixie locavore, accusamus mcsweeney's marfa nulla single-origin coffee squid.
Etsy mixtape wayfarers, ethical wes anderson tofu before they sold out mcsweeney's organic lomo retro fanny pack lo-fi farm-to-table readymade.
Nav bottom fill
Raw denim you probably haven't heard of them jean shorts Austin. Nesciunt tofu stumptown aliqua, retro synth master cleanse.
Food truck fixie locavore, accusamus mcsweeney's marfa nulla single-origin coffee squid.
Etsy mixtape wayfarers, ethical wes anderson tofu before they sold out mcsweeney's organic lomo retro fanny pack lo-fi farm-to-table readymade.
Nav top justified
Raw denim you probably haven't heard of them jean shorts Austin. Nesciunt tofu stumptown aliqua, retro synth master cleanse.
Food truck fixie locavore, accusamus mcsweeney's marfa nulla single-origin coffee squid.
Etsy mixtape wayfarers, ethical wes anderson tofu before they sold out mcsweeney's organic lomo retro fanny pack lo-fi farm-to-table readymade.
Nav bottom justified
Raw denim you probably haven't heard of them jean shorts Austin. Nesciunt tofu stumptown aliqua, retro synth master cleanse.
Food truck fixie locavore, accusamus mcsweeney's marfa nulla single-origin coffee squid.
Etsy mixtape wayfarers, ethical wes anderson tofu before they sold out mcsweeney's organic lomo retro fanny pack lo-fi farm-to-table readymade. 

<div id="graph1"></div>

Pills nav custom colors

Nav top
Raw denim you probably haven't heard of them jean shorts Austin. Nesciunt tofu stumptown aliqua, retro synth master cleanse.
Food truck fixie locavore, accusamus mcsweeney's marfa nulla single-origin coffee squid.
Etsy mixtape wayfarers, ethical wes anderson tofu before they sold out mcsweeney's organic lomo retro fanny pack lo-fi farm-to-table readymade.
Nav bottom
Raw denim you probably haven't heard of them jean shorts Austin. Nesciunt tofu stumptown aliqua, retro synth master cleanse.
Food truck fixie locavore, accusamus mcsweeney's marfa nulla single-origin coffee squid.
Etsy mixtape wayfarers, ethical wes anderson tofu before they sold out mcsweeney's organic lomo retro fanny pack lo-fi farm-to-table readymade. 

<div id="graph1"></div>

Pills nav custom colors & icons

Nav top
Raw denim you probably haven't heard of them jean shorts Austin. Nesciunt tofu stumptown aliqua, retro synth master cleanse.
Food truck fixie locavore, accusamus mcsweeney's marfa nulla single-origin coffee squid.
Etsy mixtape wayfarers, ethical wes anderson tofu before they sold out mcsweeney's organic lomo retro fanny pack lo-fi farm-to-table readymade.
Nav bottom
Raw denim you probably haven't heard of them jean shorts Austin. Nesciunt tofu stumptown aliqua, retro synth master cleanse.
Food truck fixie locavore, accusamus mcsweeney's marfa nulla single-origin coffee squid.
Etsy mixtape wayfarers, ethical wes anderson tofu before they sold out mcsweeney's organic lomo retro fanny pack lo-fi farm-to-table readymade. 

<div id="graph1"></div>

Vertical Pills

Nav left
Active Link Link Default
Raw denim you probably haven't heard of them jean shorts Austin. Nesciunt tofu stumptown aliqua, retro synth master cleanse.
Food truck fixie locavore, accusamus mcsweeney's marfa nulla single-origin coffee squid.
Etsy mixtape wayfarers, ethical wes anderson tofu before they sold out mcsweeney's organic lomo retro fanny pack lo-fi farm-to-table readymade.
Nav right
Raw denim you probably haven't heard of them jean shorts Austin. Nesciunt tofu stumptown aliqua, retro synth master cleanse.
Food truck fixie locavore, accusamus mcsweeney's marfa nulla single-origin coffee squid.
Etsy mixtape wayfarers, ethical wes anderson tofu before they sold out mcsweeney's organic lomo retro fanny pack lo-fi farm-to-table readymade.
Active Link Link Default
Nav left with icons
Raw denim you probably haven't heard of them jean shorts Austin. Nesciunt tofu stumptown aliqua, retro synth master cleanse.
Food truck fixie locavore, accusamus mcsweeney's marfa nulla single-origin coffee squid.
Etsy mixtape wayfarers, ethical wes anderson tofu before they sold out mcsweeney's organic lomo retro fanny pack lo-fi farm-to-table readymade.
Nav right with icons
Raw denim you probably haven't heard of them jean shorts Austin. Nesciunt tofu stumptown aliqua, retro synth master cleanse.
Food truck fixie locavore, accusamus mcsweeney's marfa nulla single-origin coffee squid.
Etsy mixtape wayfarers, ethical wes anderson tofu before they sold out mcsweeney's organic lomo retro fanny pack lo-fi farm-to-table readymade. 

<div id="graph1"></div>