Skip to main content

Patterns

Navs

Nav

This very simple abstraction lets you turn a list into a horizontal element.

Nav inline-block

Adds extra horizontal space to nav

Nav, block

Extends nav, for vertical stacking

Nav, block spaced

Extends nav block, with extra margin between links

Nav dark

Dark/black links instead of default blue

Nav heavy

Bold, no underline.

Simple breadcrumb nav

Visually separates nav items.

Breadcrumb

Responsive breadcrumb