Navs available in Bootstrap have shared markup, starting with the base
.nav class, as well as shared states. Swap modifier classes to switch between each style.
.nav-tabs class requires the
.nav base class.
Take that same HTML, but use
Pills are also vertically stackable. Just add
Easily make tabs or pills equal widths of their parent at screens wider than 768px with
.nav-justified. On smaller screens, the nav links are stacked.
Justified navbar nav links are currently not supported.
For any nav component (tabs or pills), add
.disabled for gray links and no hover effects.