Navigation share general markup and styles, from the base .nav class to the active and disabled states.
Below is the basic inline nav using the link color.
Below are the colored navigation with light and dark background color.
Below are the active colored navigation in white and dark background color.
Below are a mixed example of basic vertical navigation.
Below are another nav variants that uses pill styled in active.
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.
Below are another nav variants that uses line styled in active.
Below are another nav variants that uses tab styled in active.
Below are another nav variants position centered.
Below are another nav variants position right.
Below are basic pagination navigation.
Below are basic pagination in circle shape. Also comes in different color: success, warning, danger, info, inverse.
Below are basic pagination in round shape. Also comes in different color: success, warning, danger, info, inverse.
Indicate the current page’s location within a navigational hierarchy.