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.
Simple style
Vertical
Navbar
Bootstrap’s powerful, responsive navigation header. Includes support for branding, navigation, and more
Color schemes