blockbox

Navigation

Navigation share general markup and styles, from the base .nav class to the active and disabled states.

Basic Navigation

Below is the basic inline nav using the link color.

Colored Navigation

Below are the colored navigation with light and dark background color.

Active Colored Navigation

Below are the active colored navigation in white and dark background color.

Vertical Navigation

Below are a mixed example of basic vertical navigation.

Also available in color variant for .nav-warning, .nav-success, .nav-info plus more
Pills Navigation

Below are another nav variants that uses pill styled in active.

Pills with Background on Hover

The only available color for now and the most commonly used color for background on hover.
Just add the class .nav-hover-bg-gray-lightest in the .nav and you will have the same style you see below.

Outline Navigation

Below are another nav variants that uses line styled in active.

Tabbed Navigation

Below are another nav variants that uses tab styled in active.

Navigation Center Position

Below are another nav variants position centered.

Navigation Right Position

Below are another nav variants position right.

Pagination Nav

Below are basic pagination navigation.

Pagination Circle

Below are basic pagination in circle shape. Also comes in different color: success, warning, danger, info, inverse.

Pagination Rounded

Below are basic pagination in round shape. Also comes in different color: success, warning, danger, info, inverse.

Breadcrumbs

Indicate the current page’s location within a navigational hierarchy.

© 2017. Blockbox UI. All Rights Reserved. Developed by ThemePixels