Navs available in Bootstrap have shared markup, starting with the base
class, as well as shared states. Swap modifier classes to switch between
Make navs used as navigation accessible
If you are using navs to provide a navigation bar, be sure to add a
role="navigation" to the most logical parent container of the
<nav> element around the whole navigation. Do not add the role to
<ul> itself, as this would prevent it from being announced as an actual
list by assistive technologies.
.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
.nav-justified. On smaller screens, the nav links are stacked.
For any nav component (tabs or pills), add
.disabled for gray links and
no hover effects.